文章目录
前言
最近有开发的项目比较老需要降低node版本才能运行,但是来回进行卸载不同版本的node比较麻烦,所以需要使用nvm来管理node,进行node工程多版本管理切换。
一、卸载node?
注意:安装nvm时不能安装任何node版本(如存在请删除后再安装nvm),再检查环境变量,如果还有node.js相关也删掉,保证系统无任何node.js 残留。 卸载完之后cmd命令行输入 node -v 查看是否还能查到node信息,无的话表示删除干净
控制面板 -> 卸载程序 -> 卸载nodejs
为了确保彻底删除node,看下node安装目录中还有没有node文件夹,有的话一起删除。
删除以下文件夹(如果存在的话)
C:\Program Files (x86)\Nodejs
C:\Program Files\Nodejs
C:\Users{User}\AppData\Roaming\npm
C:\Users{User}\AppData\Roaming\npm-cache
删除C:\Users\用户名 下的 .npmrc文件以及 .yarnrc 文件
环境变量中npm、node的所有相关统统删掉
二、nvm安装
1.官网下载nvm包
下载地址https://github.com/coreybutler/nvm-windows/releases
2.安装并配置路径和镜像
1、双击打开下载的.exe文件,按照步骤选择我接受,然后点击next
2、选择nvm安装路径,node.js安装路径
注意:node.js安装路径一定要在在nvm安装路径的下一级(不然会安装失败)
3、根据提示一直点击点击next,最后点击Install,完成安装
3、配置路径和下载镜像
1、在文件管理器地址栏输入root地址,找到setting.txt文件并打开
2、新增两行信息,配置下载源
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/
三、nvm配置环境变量&检查nvm是否安装完成
1.检查环境
- 环境变量打开方式:我的电脑->属性->高级系统设置->环境变量->
- 确认与如下配置保持一致(默认nvm安装成功后,会自动生成)
2.检查nvm是否安装完成
- win + R,调用cmd,输入nvm,出现下面这一堆就表示安装成功了。
- 如果安装不成功,查看之前自己安装的 node.js 有没有彻底删除、安装nvm过程中有没有漏掉什么,可重新卸载再安装一次nvm包。
四、安装nodejs及环境变量配置
1.通过nvm安装node
-
查看node.js最新的一批版本(版本号:偶数是绝对稳定版本 基数是不一定稳定版本)
-
nvm list available
-
安装指定的版本:nvm install 12.18.3
-
查看安装的所有版本:nvm list 或 nvm ls
-
进入或切换版本:nvm use 18.20.4
-
检查是否安装成功: node -v 查看node的版本、npm -v 查看npm的版本
-
安装成功后会成对应的文件夹,如下图所示
2.node环境变量配置
(1) 配置全局安装的模块路径和缓存路径
- 首先在NVM的安装目录新建两个文件夹node_global和node_cache
- 创建完两个文件夹后,在cmd窗口中输入以下命令(两个路径即是两个文件夹的路径)
npm config set prefix "D:\Program Files\nvm\node_global"
npm config set cache "D:\Program Files\nvm\node_cache"
(2)设置用户变量
- 【用户变量】中的path变量,
%NVM_HOME%
和%NVM_SYMLINK%
理论上是nvm安装成功后自动生成的。如果没有,新建进去。 - 如果有
C:\Users\用户名\AppData\Roaming\npm
,则将其修改为D:\Program Files\nvm\node_global
(刚刚新建node_global文件夹的位置),如果没有就自己新建D:\Program Files\nvm\node_global
,总之保证有以下图片中内容
(3)设置系统变量
- path变量的设置和用户变量中一致
- 新建环境变量
NODE_PATH
,值为D:\Program Files\nvm\node_global\node_modules
,其中D:\Program Files\nvm\node_global\node_modules`是上述创建的全局模块安装路径文件夹
3.测试
- 全局安装最常用的 express 模块 进行测试
- npm install express -g
- 完成后会得到一个express的文件
4.设置淘宝的镜像并查看
npm config set registry https://registry.npmmirror.com/
npm config get registry