一台电脑如何安装多个不同版本的Node并能自由切换(NVM)
本文介绍了如何在一台电脑上安装并管理多个Node.js版本,包括NVM的下载、安装、配置,以及如何切换版本和安装npm、yarn等工具。作者提供了详细的步骤和常见命令,适用于前端开发者处理不同项目需求
前言:相信大家在做前端开发时公司有vue2和vue3的项目需要维护或自学,vue2大多只需要Node 14版本,而vue3则是16或18,但电脑只能装一个Node,可我全都要。比如一会切到Node14 vue2开发,一会切到Node 16或18 vue3开发,所以我就突发奇想如果一台电脑能装多个不同Node版本,同时能自由切换,那该多幸福啊,它就是NVM。😊
1、下载
链接:https://pan.baidu.com/s/1JU-lGGB6Vf0ZQ3zi-NYHUQ
提取码:cbwy
自己网盘也有,我的资源 - nodejs多版本管理工具 nvm
2、卸载电脑node.js
见本文的上一篇文章
3、双击nvm安装包,选择安装路径到其他盘符,node安装的路径要提前给它创建一个文件夹,然后指定下载到此路径
5、查看nvm是否已安装 nvm -v
6、打开nvm安装目录的setting.txt,把以下两句复制进去,保存后关闭。作用:改为国内淘宝镜像,加速下载npm依赖包。如果要改为国外,那将这两行删除就行。
node_mirror: https://registry.npmmirror.com/binary.html?path=node/
npm_mirror: https://registry.npmmirror.com/binary.html?path=npm/
7、查看node有多少版本,但是显示不全 nvm list available
所以访问这个链接:https://nodejs.org/en/download/releases ,然后到node官方看有哪些我们要的版本,记住版本号
8、开始安装不同的node版本 nvm install 版本号, 例如:nvm install 14.21.3 安装完检查node版本是否已成功安装 node -v
我还想再装一个16版本的,nvm install 16.20.0 ,node -v 查版本
9、切换node 版本,假设14要切换到16,nvm use 16, 也可以精确的切换版本号 例如:nvm use 16.20.3 简写即可,小版本号其实无需加。
10、拓展:如需安装pnpm, 前置要求,node版本至少18.17.0 - 20.5.0 npm:10.2.5 这是官方要求的
所以需要再装一个18.17.0的node版本 nvm i 18.17.0 切换到18版本同时安装node10.2.5 nvm use 18 npm i -g npm@10.2.5 npm i -g pnpm pnpm安装完毕 yarn也是一样,npm i -g yarn
后话
如果看完还是迷迷糊糊的请看官方教程哈, https://nvm.uihtm.com/
毕竟这是我个人的笔记,写得比较精简,谅解一下哈。
11、查看npm下载依赖的来源 npm config get registry
nvm off // 禁用node.js版本管理(不卸载任何东西) nvm on // 启用node.js版本管理 nvm install <version> // 安装node.js的命名version是版本号例如:nvm install 8.12.0 nvm uninstall <version> // 卸载node.js是的命令,卸载指定版本的nodejs,当安装失败时卸载使用 nvm 1s // 显示所有安装的node.js版本 nvm list available // 显示可以安装的所有node.js的版本 nvm use <version> // 切换到使用指定的nodejs版本 nvm v // 显示nvm版本 nvm install stable // 安装最新稳定版
=============================================================================
安装后的问题
问题描述:
环境:nvm版本为1.1.10
今天我想用nvm安装最新版的nodejs@20.14.0来开发新项目。
结果报错:

我在nodejs的官网查了,明确已经是发表且可用可下载的。
然后试着使用 nvm ls available 来列出所有可供下载的版本,发现为空:

这就是原因了,因为它找不到可供下载的版本。所以,问题出在网络上。
问题解决
经过查找nvm的文档,发现,对于中国用户而言,可以切换nodejs或npm的镜像地址来访问:

所以,在命令行中执行如下2行命令:
nvm node_mirror https://npmmirror.com/mirrors/node/ nvm npm_mirror https://npmmirror.com/mirrors/npm/

===================================================================================
node配置淘宝镜像源
1、配置
#最新地址 淘宝 NPM 镜像站喊你切换新域名啦! npm config set registry https://registry.npmmirror.com
2、获取确认
npm config get registry

=============================================================================
Mac安装nvm
方法一:
1.vpn下,执行下方任意一条语句
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
2.添加环境变量 ~/.bash_profile
export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion
3.生效环境变量
source ~/.bash_profile
方法二:
1.获取homebrew的nvm安装文件
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"
2.brew安装nvm
brew install nvm
3.添加环境变量 (~/.zshrc, ~/.bashrc, or ~/.bash_profile)
export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion
5.生效环境变量
source ~/.zshrc
实践过程:先操作方法二,并未成功;接着实践方法一,成功安装了nvm
======================
2024年12月23日遇到问题:Macbook Pro无法查到远程版本/查询远程版本不可用 N/A
1.macbook Pro查询原创使用命令:
$ nvm ls-remote
* 出现 ios.js之类的
2.解决:
# 终端输入:export NVM_NODEJS_ORG_MIRROR=http://nodejs.org/dist
apple@MacBook-Pro-6 web % export NVM_NODEJS_ORG_MIRROR=http://nodejs.org/dist
3.确认:
$ nvm ls-remote

5.选择一个进行安装


浙公网安备 33010602011771号