系统版本
电脑系统:Windows 10
一.Node.js下载
🎯 统一版本Node.js 14.21.3,下面两种下载方式2选1即可
1.官网直下
官网下载地址
选择版本14.21.3,点击下载
2.云盘下载
密码是bslb
找到node-v14.21.3-x64.msi
二.Node.js安装
1.双击node-v14.21.3-x64.msi
2.点击Next
3.许可证勾选同意
4.设置安装路径,可自定义修改
此处安装路径请记录,后续配置环境变量需要
5.自定义设置
6.Native模块工具
7.点击安装
8.安装中
9.安装完成
10.安装Native模块
11.验证是否成功安装
查看node版本
node -v
查看npm版本
npm -v
三.Node.js配置修改
1.找到node安装目录,新增文件夹node_global和node_cache
2.设置npm下载安装路径
- 以管理员运行cmd命令提示符
- 进入刚才创建的node_global目录
cd "C:\Program Files\nodejs\node_global"
- 执行修改npm全局安装地址命令
npm config set prefix 【刚新建的node_global路径】 ,路径直接复制刚才创建的node_global路径即可
npm config set prefix "C:\Program Files\nodejs\node_global"
- 查看是否修改成功
npm config get prefix
3.设置npm缓存路径
- 以管理员运行cmd命令提示符
- 进入刚才创建的node_cache目录
cd "C:\Program Files\nodejs\node_cache"
- 执行设置npm缓存路径命令
npm config set cache 【刚新建的node_cachel路径】 ,路径直接复制刚才创建的node_cache路径即可
npm config set cache "C:\Program Files\nodejs\node_cache"
- 查看是否修改成功
npm config get cache
四.Node.js配置环境变量
1.右键『此电脑』,点击属性
2.找到『高级系统设置』,并进入点击『环境变量』
3.新建系统变量
点击新建,创建NODE_HOME系统变量,将node安装路径下刚创建的node_global\node_modules复制,后面拼接一个node_modules
C:\Program Files\nodejs\node_global\node_modules
4.将NODE_HOME变量添加入系统Path
选中Path,点击编辑,将%NODE_HOME%加入其中,别忘点击确定和应用
5.修改用户变量中的path
编辑【用户变量】中的【Path】,将npm默认 AppData\Roaming\npm 路径修改为node_global,一定记得确认和应用
五.测试验证
安装vue
检验测试,使用cmd全局安装vue
npm install -g vue
六.更换镜像源
在安装上一步vue时,十分卡顿,建议更新镜像源,采用国内更快更好!!!
1.切换淘宝镜像源
- cmd执行切换淘宝镜像源
npm config set registry https://registry.npmmirror.com
- cmd查看镜像源是否切换成功
npm config get registry
七.错误解析
出错步骤
如果采用cmd命令安装vue时,报错如下
npm install -g vue
解决方案
使用管理员权限进行执行cmd