利用vue-cli搭vue项目

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搭建的项目目录：