首先在系统中安装node.js(也是npm)。
node官网地址下载https://nodejs.org/en/download/
接下来搭建vuejs开发环境。
通过命令行工具来安装。
话一个技巧,有时候npm这个工具在国内会很慢,所以推荐使用淘宝的NPM镜像。将cnpm安装到系统里。(如果是mac,要用使用sudo授权安装)
npm install -g cnpm --registry=https://registry.npm.taobao.org
地址:http://npm.taobao.org/
cnpm 等现于npm,下面安装命令都是使用cnpm
1、全局安装vue-cli(也叫vue手脚架)
cnpm install -g vue-cli
2、初始化一个项目(要考虑项目所在路径,可以新建一个项目文件夹,然后在这个文件夹里初始化\创建vue项目)
vue init webpack my-project
使用webpack这套模板,可以打包和压缩。
可以使用
vi package.json
查看文件的配置和依赖项。有了package.json就可以直接运行npm.
ls可以查看当前文件夹目录。
3、安装依赖(记住,要在项目文件夹里面安装依赖node_modules)
cd my-project
cnpm install
安装全部依赖。
现在前端项目都是有
4、运行项目
cnpm run dev
运行成功。
Vue 提供了一个官方的 CLI,为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验,以及生产环境可用的构建版本。更多详情可查阅 Vue CLI 的文档。
网友评论