Vue-cli脚手架搭建
Vue-cli是vue官方出品的快速构建单页应用的脚手架，在安装vue-cil之前需要安装npm，安装npm时可以直接下载node的安装包，根据自己系统选择合适的版本。
下载地址：http://nodejs.cn/download/
我这里选的是64位的Windows安装包
下载好node安装包后，按照相关提示进行安装即可。
注意：可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况
打开cmd命令行，输入 npm -v 查看安装的npm版本：
出现版本号即代表安装成功，我这里的版本号是：6.13.4
在命令行检测是否安装了node,在命令行输入 node -v
出现版本号即代表安装成功，我这里的版本号是：v12.14.1
以上两个步骤都完成之后就可以安装vue-cil，在命令行输入下面的命令，使用npm命令安装vue-cil：
npm install vue-cli -g
注意：
-g代表的是全局安装
-V可以用来查看 vue-cli的版本号，注意v必须大写，否则报错。
检验vue-cli是否安装成功或是查看vue-cil的版本号，在命令行工具输入：
vue --version 或是 vue -V
出现版本号即表示安装成功：
若输入该命令后出现：“ ‘vue’ 不是内部或外部命令，也不是可运行的程序
或批处理文件” 的错误，这时采取的解决办法是：
1.在我的电脑全局搜索vue.cmd；
2.将vue.cmd在电脑中的路径添加到path系统变量；
3.点击“我的电脑”–“属性”–“高级系统设置”–“环境变量”–“系统变量”–“path"–“编辑”，将vue.cmd在电脑中的路径添加到path变量中。这样操作下来问题就解决啦。
附加：vue.cmd路径：C:\Users\liuhuishan\AppData\Roaming\npm\vue.cmd
当vue-cli安装成功之后就可以初始化项目了
在初始化项目时需要调用以下命令：
vue init <template-name> <project-name>
注：
其中init代表要初始化的项目，template-name是模板的名称，project-name是标识项目名称。
模板类型种类：
1.webpack-一个全面的webpack+vue-loader的模板，功能包括热加载，linting,检测和CSS扩展。
2.webpack-simple-一个简单webpack+vue-loader的模板，不包含其他功能，让你快速的搭建vue的开发环境。
3.browserify-一个全面的Browserify+vueify 的模板，功能包括热加载，linting,单元检测。
4.browserify-simple-一个简单Browserify+vueify的模板，不包含其他功能，让你快速的搭建vue的开发环境。
在实际开发中一般采用的是webpack这个模板，这时可以输入命令：
vue init webpack vuetest
输入该命令后，会有几个选项需要注意：
- Project name：项目名称，若不需要更改可直接回车确认。
- Project description：项目描述，默认为A Vue.js project,直接回车，可不用编写
- Author：作者，如果你有配置git的作者，它会读取。
- Install vue-router? 是否安装vue的路由插件，可根据实际情况而定。
- Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格。如果是大型团队开发，则需要进行配置。
- setup unit tests with Karma + Mocha? 是否需要安装单元测试工具Karma+Mocha，可根据实际情况而定。
- Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试，可根据实际情况而定。
输入初始化命令之后
命令行出现下面的文字，说明我们已经初始化好了第一步。
附加：使用cmd命令行工具初始化项目时，构建项目成功后，会自动安装项目依赖包，如图所示：
初始化之后，可按照提示继续操作：
1.cd clitest : 进入我们的vue项目目录。
2.npm install :安装我们的项目依赖包，就是安装package.json里的包。
3.npm run dev : 开发模式下运行我们的程序,给我们自动构建了开发用的服务器环境和在浏览器中打开，并实时监视我们的代码更改，即时将效果呈现给我们。
调用npm run dev命令之后，若出现以下页面即代表项目初始化成功。
