1、概念：CLI（Command-Line Interface），命令行界面，俗称脚手架。 通过随附的图形界面创建、开发和管理您的项目。 Vue CLI 是完全可配置的，无需弹出。 这样您的项目就可以全年保持更新。 使用vue-cli快速搭建Vue开发环境以及相应的webpack配置。
2.环境安装（需要node和webpack环境支持）：cnpm install -g @vue/cli 可以全局安装。
官网介绍：
通过 cnpm install -g @vue/cli 命令安装后，使用 vue --version 检查版本：
当前版本已经是4.5.3。 如果还需要使用老版本vue init的功能，可以全局安装一个桥接工具：
传递命令：cnpm install @vue/cli-init -g
这样我们就可以使用2的脚手架或者通过4的脚手架来创建项目：
Vue CLI2初始化项目：vue init webpack my-project
安装过程的配置选项：
项目名称--项目名称，不能包含小写字母
项目描述--项目信息
作者 --作者信息，默认从git读取信息
vue build --编译项目时，选择执行哪些方法runtime+compiler或者runtime-only（使用上下键选择对应的方法）
安装 vue 路由器？ --是否安装路由
使用 ESLint 来检查你的代码？ --是否使用ESLint检测代码规范，根据自己的情况选择
set up unit test -- 是否进行单元测试
使用 Nightwatch 设置 e2e 测试？ --是否是e2e端到端测试，安装Nightwatch进行自动化测试框架，如有需要可以选择selenium环境
创建项目后我们应该为您运行“npm install”吗？ --选择npm然后yam命令进行安装
最后按照配置安装并配置整个项目：
安装成功后webpack 图形配置，生成新项目：
CLI2的目录结构分析：
包.json：
项目打包：“build”:“node build/build.js”（node命令可以直接运行js文件，直接让js文件在终端执行相应的代码webpack 图形配置，无需浏览器解析）
在此目录下，配置一些基本变量。 变量名可以根据自己的实际情况命名：
src开发目录
static静态页面，里面的文件会原封不动的打包到dist文件夹中
babelrc适配：将ES6转换为ES5代码读取配置文件。 浏览器市场份额小于等于>1%，且为最后两个版本，排除IE大于8的浏览器：
代码规范配置：root=true 开启此设置
配置需要忽略上传的文件：
PS：如果安装慢，建议使用天猫镜像：npm install -g cnpm --registry=HTTPS://registry.npm.taobao.org，这样就可以使用 cnpm install [name] 来安装之前的安装。 你想要的环境。
