[Vue]Vue安装教程及问题处理

一、环境配置

1.安装node.js

①在Download | Node.js上下载对应的版本；

②默认下一步，如图1所示注意选择”Add to PATH”；

 图1.Add to PATH 

③并在命令行中通过对应命令，

node -v //显示node.js的版本

npm -v //检查是否安装了自带的npm

安装的测试结果如图2所示：

图2.成功安装node.js结果 

2.设置npm安装路径

①如图3所示，在刚刚安装的node.js文件夹下创建两个新的文件夹实现npm的缓存；

图3.新建文件夹

 ②在命令行输入如下指令，指定npm的安装路径

npm config set prefix "D:\nodejs\node_global"

npm config set cache "D:\nodejs\node_cache" //上一步中新建的文件的路径

图4为运行结果

 图4.nmp缓存路径设置

3.环境变量配置

①如图5所示，打开环境变量；

 图5.设置环境变量

②如图6，7分别修改系统和用户变量：

图6.修改系统变量

图7.修改用户变量

 ③测试配置是否正确，在命令行中输入以下指令，安装express模块；

npm install express -g //全局安装：-g

正确配置的运行结果如图8所示：

图8.express模块成功安装结果

*、出现的问题：npm ERR! code EPERM

在3.③中，即测试环境配置时，我出现了图9的问题：

图9. 测试环境配置出现的问题

 这是由于缓存导致的，我们只需要清除缓存即可。即删除“C:\Users\XXX\”下的.npmrc文件（其中XXX为用户名）。

参考文章：

Vue下载与安装_xiaoyuer_ying的博客-CSDN博客_vue下载

npm ERR! code: 'EPERM' (权限问题 errro permit) - 前端开发交流 - 博客园