使用nvm管理node多版本

前言

文章基于 windows环境 使用nvm安装多版本nodejs。最近公司有的项目比较老使用低版本node才能运行,在学习React时要求版本要在14以上,由于来回进行卸载不同版本的node比较麻烦;所以需要使用nvm对node多版本管理。

注意 :安装nvm时不能安装任何node版本(如存在请删除后再安装nvm),再检查环境变量,如果还有node.js相关也删掉,保证系统无任何node.js 残留。 卸载完之后cmd命令行输入 node -v 查看是否还能查到node信息,无的话表示删除干净。

一、卸载node

如果已经安装了node,那么在安装nvm之前,需要先卸载node,如果没有安装可以直接跳过这一步到下一步了。
删除方法 :控制面板 -> 卸载程序 -> 卸载nodejs

为了确保彻底删除node,看下node安装目录中还有没有node文件夹,有的话一起删除。

删除以下文件夹(如果存在的话)

C:\Program Files (x86)\Nodejs

C:\Program Files\Nodejs

C:\Users\Administrator\AppData\Roaming\npm

C:\Users\Administrator\AppData\Roaming\npm-cache

删除C:\Users\用户名 下的 .npmrc文件以及 .yarnrc 文件

环境变量中npm、node的所有相关统统删掉

二、nvm是什么?

nvm(node.js version management),是一个nodejs的版本管理工具。可以简单操作node版本的切换、安装、查看等,与npm不同的是,npm是依赖包的管理工具,nvm是nodejs的版本管理工具,通过它可以安装和切换不同版本的nodejs。为了解决node.js 各种版本存在不兼容现象 可以通过它安装和切换不同版本的node.js。【可同时在一个环境中安装多个node.js版本(和配套的npm)】

三、nvm安装

1. 可以在GitHub上下载最新版本。

2. 安装 nvm-setup.exe (不推荐放C盘)

按照界面操作,设置程序安装位置,和设置node包位置. 下一步 完成.

3. 配置下载镜像

安装完nvm后先不要着急安装node版本。

找到nvm安装路径 =》找到 setting.txt 文件 =》新增两行信息,配置下载源

ruby 复制代码
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

这是我nvm安装路径,安装到了C盘,后续再改吧 配置完成后如图

第一行是 nvm安装路径

第二行是 nodejs路径

第三行是 node下载镜像

第四行是 npm下载镜像

4. 检查nvm是否安装完成

win + R,调用cmd,输入nvm,出现下面这一堆就表示安装成功了

四、使用nvm安装node版本

win + R,调用cmd

安装完成后开始插入nodejs首先使用 nvm list available 查询可插入版本号,LST表示可插入稳定版本。【如未指定版本,建议安装LTS下的版本】

  1. 安装指定node.js版本: nvm install 12.22.12 nvm install 20.17.0
  2. nvm use 切换node版本。(如果报错,用管理员身份打开重新 nvm use 你指定的版本):nvm use 12.22.12
  3. 安装完成后可以分别输入命令行 node -vnpm -v,检验node.js以及对应npm是否安装成功
  4. nvm list 查看当前已安装的node.js版本,带*号的是正在使用的: nvm list 或者 nvm ls
  5. 删除某node.js版本 :nvm uninstall node版本号 (例如:nvm uninstall 12.22.12)即可删除对应版本
相关推荐
~甲壳虫6 小时前
说说webpack中常见的Plugin?解决了什么问题?
前端·webpack·node.js
~甲壳虫6 小时前
说说webpack中常见的Loader?解决了什么问题?
前端·webpack·node.js
~甲壳虫6 小时前
说说webpack proxy工作原理?为什么能解决跨域
前端·webpack·node.js
熊的猫7 小时前
JS 中的类型 & 类型判断 & 类型转换
前端·javascript·vue.js·chrome·react.js·前端框架·node.js
前端青山16 小时前
Node.js-增强 API 安全性和性能优化
开发语言·前端·javascript·性能优化·前端框架·node.js
GDAL19 小时前
npm入门教程1:npm简介
前端·npm·node.js
郑小憨1 天前
Node.js简介以及安装部署 (基础介绍 一)
java·javascript·node.js
lin-lins1 天前
模块化开发 & webpack
前端·webpack·node.js
GDAL2 天前
npm入门教程13:npm workspace功能
前端·npm·node.js
wumu_Love2 天前
npm 和 node 总结
前端·npm·node.js