1、Nodejs安装及环境配置 1.1． 下载安装包
下载地址：（注：v12.16.2以上不支持win7系统webpack安装流程，win10系统可任意安装）
目前使用的是.msi，下载后可以正常安装。
选择合适的安装位置，比如我的盘符
1.2 环境变量配置
安装完成后，需要配置环境变量。 打开环境变量，找到Path，然后单击编辑。 为什么我们需要配置环境变量？ 说明在文章最后。
添加如图所示的路径。 为什么是这条路？ 因为这是node.exe执行文件所在的目录。
打开cmd命令，输入node -v，出现版本，说明安装成功； 输入npm -v，出现版本，说明安装成功。
2.安装vue Cli2.1并修改包路径
在接下来的操作中，我们将执行npm命令，例如npm install -g XXXX。 下载的全局包会放在 C:UsersAdministratorAppDataRoamingnpmnode_modules 下，可以通过CMD命令 npm root -g 查看，此时磁盘文件越来越多，所以路径需要改变。 这里需要改变两条路径。 首先新建一个文件夹，例如在盘符Program Files文件夹下新建node_rep文件夹，然后执行下面两条指令，一是配置本地仓库webpack安装流程，二是指定缓存位置。 ：这里只新建一个文件夹node_rep，将本地仓库和缓存区放在一处。
执行指令
npm config set prefix "D:Program Filesnode_rep" npm config set cache "D:Program Filesnode_rep"添加国外镜像
npm config set registry https://registry.npm.taobao.org怎么知道这三个指令已经执行成功了呢？
npm config ls可以看到如下信息，其中①②是我们之前输入的命令，然后输入③看到④，说明配置成功！
2.2. 重置包路径
如果您对步骤2.1中的包路径不满意，可以重新设置。 这里有一个方法，打开文件夹C:UsersAdmin，找到.npmrc，然后删除！重新使用命令npm config ls看看效果
2.3. 安装vue-cli
npm install -g vue-cli完成后，你会在文件中看到vue-init文件。 该文件用于初始化vue项目，然后配置环境变量。
配置方法和之前一样，输入对应的路径即可。
2.4 通过cli创建项目
进入
vue init webpack hello 根据实际情况填写①，然后出现②③，选择②
按①②③④填写。 ①指检测句型。 可能会因为代码缩进等不规范而出现错误，所以直接选择不使用ESLint。
安装完成后，会提示如何启动vue，如下图。
提示输入：8080
