node多版本如何丝滑切换?(不使用NVM版本管理器)

1,267 阅读2分钟

背景: 本文通过node的zip安装和配置环境变量实现多版本之间的切换且不需要卸载和重装;不需要记住已安装的node版本号手动改环境变量;一次配置终身受益后期不用再改配置,做到随切随用; 传统的使用NVM、NUE等版本切换器会存在包卸载不干净导致一些无法预知的错误等问题;

使用方法: 用户只需要上移用户变量中Path 需切换的版本到其他版本之上保存即可实现node版本切换

20240307_155550.gif

具体配置node版本切换方法

第一步,下载对应node的zip包解压到 H:\node\yg 目录下

image.png

image.png

image.png 需要几个版本就下载几个版本(无限制),我需要4个版本;

第二步,配置环境变量 image.png

image.png

在D盘新建nodejs目录中新建D:\nodejs\node_global\node_modules和D:\nodejs\node_cache两个文件夹

image.png NODE_PATH D:\nodejs\node_global\node_modules image.png

image.png

配置Path,找到刚下载NODE多版本的解压目录。例如H:\node\yg\node-v14.16.1\node_global配置到Path中 image.png

修改环境变量

**【C:\Users\xxx\AppData\Roaming\npm】修改为【Node.js安装路径\node_global】,修改完成后点击确定即可(Node新建目录并非下载多版本解压目录,请根据你的实际安装路径修改)**例如:D:\nodejs\node_global

配置系统变量 image.png 上图第5中如果不记得目录 可以用 %NODE_PATH%

新建环境变量【%NODE_PATH%】也可像上图写固定路径,新建完成后点击确定

第三部 检查环境配置 win+R 打开终端 输入如下命令:

查看node安装位置

where node

查看全局node_modules

npm root -g

设置为淘宝镜像(当安装依赖过慢时)

npm config set registry registry.npm.taobao.org

安装vue脚手架

npm install -g @vue/cli

查看镜像源

npm get registry

设置缓存和默认安装依赖目录,减少C盘压力

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

npm config set cache "D:\nodejs\node_cache"

如果报错清空目录再执行

image.png

项目运行正常,node环境是正常的 image.png