从零开始安装Vue-cli

1. 下载Node.js软件并安装

Node.js官方站

1.1 点击Next进行下一步

1.2 点击Next进行下一步

1.3 点击Install进行下一步

1.4 等待安装

1.5 点击Finish进行下一步

1.6 自动打开此控制台程序，按任意键继续即可

1.7 时间漫长，等待

1.8 安装完成

2. NPM换源

2.1. Win+R 快捷键 输入 cmd

2.2. 输入 npm 命令查看是否正常

2.3. 查看npm源 (两种方式)

2.3.1 输入 npm get registry

2.3.2 输入 npm config list

2.4. 通过nrm更换

2.4.1 安装nrm

2.4.1.1 输入 npm install nrm -g

2.4.1.2 检查nrm 输入 nrm ls

2.5. nrm换源 选择taobao源 输入命令 nrm use taobao

2.6. npm源检查 -> 重复步骤3

3. 安装Yarn

官方安装教程

此处以命令行方式安装

3.1. 输入 npm install yarn -g

3.2. 检查yarn 输入yarn

4. 安装Vue-Cli

Vue-Cli官方站

4.1. 安装 Vue Cli 输入 yarn global add @vue/cli

4.2. 检查VueCli 输入 vue --version

4.2.1 解决异常

4.2.1.1.1 添加npm环境变量

4.2.1.1.1.1 npm环境变量

执行 npm config list

4.2.1.1.1.2 找到对应文件夹

4.2.1.1.1.3 复制文件夹路径，执行下方五个步骤

4.2.1.1.2 添加yarn环境变量

4.2.1.1.2.1 yarn环境变量 执行 yarn global dir

4.2.1.1.2.2 以 C:\Users\Administrator\AppData\Local\Yarn\Data\global 路径找到Yarn/bin 文件夹并添加到环境变量中

4.2.1.1.3 最后环境变量中

4.3. 查看Vue版本,输入 vue --version/vue -V

4.4. 启动Vue-Cli 输入 vue ui