1.首先安装node.js :检查电脑是否安装 在cmd中输入 node -v;
2.检查npm 是否安装上 npm -v;
3.安装好了node后我们需要全局安装vue-cli;
npm install -g vue-cli
使用npm安装比较慢,所以一般推荐使用淘宝镜像cnpm安装
npm install cnpm -g
cnpm install -g vue-cli
4.如果不小心安装错误,使用 npm cache clean来清理缓存,注意安装失败后,建议清楚缓存之后,再重新安装;
5.安装完成之后,使用vue -V 来检查啊是否安装成功;
6.进入你要创建项目的文件夹,在这个文件夹下面输入:
7.回车,接下来出现的英文表示:
Project Name:要创建的项目名称(该命令会生产一个package.json文件,文件中的name选项就是这个ProjectName,默认为当前创建的项目目录名称,也可以自行制定(但是需要符合package.json中name命名规则,不要出现大写字母,空格,下划线,可以使用 - )
Project Description:项目简介,也会出现在package.json文件中,可选
Author:作者,可选
下一步直接回车
Install vue-router:是否安装vue路由组件,做项目的话一定要安装
Use ESLint to lint your code:是否需要使用ESLint模块进行代码检测
Setup unit tests with Karma + Mocha?:是否安装测试(单元测试)
Setup e2e tests with Nightwatch?:是否安装端到端的测试
完成上面步骤,over!
这就是一个简单的使用vue-cli搭建一个工程的例子;
下面就是利用vue-cli搭建的项目目录: