win10下搭建vue开发环境

发表于 | 分类于 ， ， | 阅读次数:

1.下载对应系统的Node.js版本
2.下载完成后，双击msi文件，开始安装Node.js，
—— accept，Next
—— 更改安装位置(例如：D:\Develop\nodejs)，next
—— Add to PATH，Next
—— Install
—— Finish
3.打开cmd切换到安装目录下，测试是否安装成功

1
2
node -v // 显示node版本号说明安装成功
npm -v  // 显示npm版本号说明自带的npm安装成功

4.环境配置
这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。

—— 在安装文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】

—— 创建完两个空文件夹之后，打开cmd命令窗口，输入

1
2
npm config set prefix "D:\Develop\nodejs\node_global"
npm config set cache "D:\Develop\nodejs\node_cache"

—— 接下来设置环境变量，关闭cmd窗口，回到桌面
“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

—— 进入环境变量对话框
在【系统变量】下新建【NODE_PATH】，输入【D:\Develop\nodejs\node_global\node_modules】，
将【用户变量】下的【Path】由【C:\Users\用户名\AppData\Roaming\npm】修改为【D:\Develop\nodejs\node_global】