1 安装3X版本的Vue脚手架
npm install -g @vue/cli
cnpm install -g @vue/cli
C:\Users\Administrator>vue -V
@vue/cli 4.2.2
2 创建项目图形界面启动
[root@bogon ~]# vue ui
🚀 Starting GUI…
🌠 Ready on http://localhost:8000
3 选择路径创建新项目
下一步
4 手动配置项目
5 选择开启功能
Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。
6 配置
7 创建新项目
点击保存并创建项目
8 项目创建成功会自动进入仪表盘
9 启动项目
10 Vue生成脚手架结构分析
11 脚手架自定义配置
nrm 的安装：
nrm(npm registry manager )是npm的镜像源管理工具，有时候国外资源太慢，那么我们可以用这个来切换镜像源。
- 全局安装 nrm 执行以下代码：
npm install -g nrm - 安装完成以后，可以查询有哪些可用镜像源，执行代码为：
nrm ls
编辑器会列出以下镜像源：前面带星号的为当前正在使用的镜像源
*npm ---- https://registry.npmjs.org/
cnpm — http://r.cnpmjs.org/
taobao - https://registry.npm.taobao.org/
nj ----- https://registry.nodejitsu.com/
rednpm - http://registry.mirror.cqupt.edu.cn/
npmMirror https://skimdb.npmjs.com/registry/
edunpm - http://registry.enpmjs.org/
3、镜像源的切换，可以通过代码 nrm use 镜像源名称，例如要切换至taobao镜像源，执行以下代码：
nrm use taobao
nrm use 对应的源别名
或者
npm set registry 对应的源地址
4、查看当前源指向
npm config list
5、检测配置的响应速度
nrm test
6、再安装依赖,安装命令依然是 npm,只是安装指向的源地址变化了。
npm i
$ rm -rf node_modules
$ cnpm install
npm i 和 npm install 的区别
实际使用的区别点主要如下(windows下)：
- 用npm i安装的模块无法用npm uninstall删除，用npm uninstall i才卸载掉
- npm i会帮助检测与当前node版本最匹配的npm包版本号，并匹配出来相互依赖的npm包应该提升的版本号
- 部分npm包在当前node版本下无法使用，必须使用建议版本
- 安装报错时intall肯定会出现npm-debug.log 文件，npm i不一定
