Node.js安装配置多版本环境,一劳永逸版。

1,681 阅读2分钟

每次拿到新电脑,面对vue2,vue3项目,多个node版本切来切去甚是烦人。改着高版本node突然来需求要改低版本node的项目,好不容易装好的node环境,又卸载下载安装新环境。;你是不是也遇到了相同的问题?

当然nvm也是非常优秀的解决方案(感兴趣的可以百度下);

使用方法: 用户只需要上移用户变量中Path 需切换的版本到其他版本之上保存即可实现node版本切换无需使用命令;更像是物理隔绝的NODE环境,就像这样 20240307_155550.gif

node历史版本下载:nodejs.org/dist/ 为防止冲突请先卸载安装版的NODE image.png

1.新建文件夹yg-project/tools/node 这个目录用来放置下载的多版本node.zip压缩包(图2)

image.png

图2

1.1 解压后新建 node_cache和 node_global(图3)

image.png

图3

2.新建文件夹 C:\yg-project\nodejs 这个目录用来统一管理处理切换后的环境(图4) image.png

图4

2.1 新建文件夹C:\yg-project\nodejs\node_global\node_modules 这个目录用来配置NODE_PATH

3.桌面新建1.txt (打开目录复制路径保存--配置环境变量用到)

C:\yg-project\tools\node\node-v14.16.1-win-x64\node_global

C:\yg-project\tools\node\node-v14.21.1-huawei-win-x64\node_global

C:\yg-project\tools\node\node-v16.0.0-win-x64\node_global

C:\yg-project\tools\node\node-v18.0.0-win-x64\node_global

C:\yg-project\tools\node\node-v14.21.1-huawei-win-x64\node_global


C:\yg-project\nodejs\node_cache

C:\yg-project\nodejs\node_global

npm config set prefix "C:\yg-project\nodejs\node_global"

npm config set cache "C:\yg-project\nodejs\node_cache"

4.配置环境变量

image.png

4.1环境变量 新建

NODE_PATH
C:\yg-project\nodejs\node_global\node_modules

image.png 打开桌面1.txt

image.png 4.2 用户变量

path编辑

-新建 %NODE PATH%

-新建 C:\yg-project\nodejs\node_global

-新建 C:\yg-project\nodejS image.png 5.设置缓存目录

npm config set prefix "C:\yg-project\nodejs\node_global"

npm config set cache "C:\yg-project\nodejs\node_cache"

如果报错清空目录 再次执行

image.png

6.环境检查

查看node安装位置

where node

查看全局node_modules

npm root -g

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

npm config set registry registry.npm.taobao.org

查看镜像源

npm get registry

image.png

7.常见异常 image.png 7.1清空C:\yg-project\nodejs下node_gl0bal 和node_cache 重新设置缓存目录可解决上图报错 7.2

重新配置环境变量路径,可恢复正常。