使用nvm管理node多版本(安装、卸载nvm,配置环境变量)


前言

最近有开发的项目比较老需要降低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

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值