了解Vue CLI以及安装使用

一、什么是CLI呢

1、CLI是Command-Line Interface，翻译命令行界面，俗称脚手架
2、Vue CLI是一个官方发布 vue.js是官方发布的vue.js项目脚手架
3、使用vue-cli可以快速搭建Vue开发环境及对应的webpack配置

二、使用Vue CLI

当然在使用前我们需要配置环境
1、安装NodeJS
可以直接在官方网站中下载.http://nodejs.cn/download/
2、检测安装的版本
默认情况下自动安装node 和npm
3、cnpm安装
由于国内使用npm的官方镜像非常慢，我们可以使用淘宝NPM镜像，使用命令行工具
npm install -g cnpm --registry.npm.taobao.org
然后我们就可以使用cnpm命令安装模块了。
注意：这里如果cnpm -v查不到，可能是windows Powershell中禁止了脚本
解决方案：以管理员身份运行Powershell，输入set-executionPolicy RemoteSigned 回车，根据提示命令输入A，输入get-executionPolicy检测 输出结果是RemoteSigned即可
补充一下，什么是NPM
NPM全程 Node Package Manager，是一个NodeJS包管理和分发工具，已经成为了非官方发布Node模块的标准
4、Webpack全局安装
cnpm install webpack -g
5、安装Vue脚手架
cnpm install -g @vue/cli
注意：上面安装的是Vue CLI3的版本 如果想使用Vue CLI2的方式初始化项目你可以拉取2.x模板，全局安装一个桥接工具
cnpm install -g @vue/cli-init
6、Vue CLI2初始化项目
vue init webpack 项目名称
7、如果是Vue CLI3的话初始化项目则用
vue create 项目名称
8、初始化项目完成后 cnpm install 安装依赖
9、安装完依赖则可以启动项目了
cnpm run dev