一台电脑如何安装多个不同版本的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的文档,发现,对于中国用户而言,可以切换nodejsnpm的镜像地址来访问:

 

所以,在命令行中执行如下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.选择一个进行安装

 

posted @ 2024-08-13 14:02  Wolf_Stark  阅读(712)  评论(0)    收藏  举报