手把手教你Mac和Windows的nvm安装、使用和卸载

966 阅读4分钟

什么是nvm

nvm全英文也叫node.js version management,是一个nodejs的版本管理工具

他的使用场景是什么呢,举个实际例子:

我们公司有一个祖传老项目,使用的是12.12.0版本的Node.js,与此同时,我要开一个新项目,这个新项目我想要使用vite等新工具,这就要求我的Node.js版本必须大于16,而祖传老项目在16+版本的Node.js环境中运行会有很多问题。有什么办法,让我既能开发老项目,又能开发新项目呢? 最好有一个工具,能让我一键改变本地Node.js版本,开发老项目时候用12.12.0版本的Node.js,开发新项目时候再切换成16+版本。nvm就是一个能满足我需求的工具。他可以通过简单的指令实现指定版本Node.js的下载、切换以及卸载。

本文是我亲自实践后总结而来的安装、使用及卸载nvm方法,由于中间更换了开发电脑,从windows换成了mac,所以文章中包含了windows和mac两类系统的安装教程,如果对您有所帮助,顺手帮我点个赞吧~

nvm的安装(windows)

下载nvm

这里下载你需要的nvm版本,每个版本的nvm都有以下三种类型的资源可供下载,本篇文章讲解的是setup方式的安装。点击下载nvm-setup

image.png

补充介绍一下这三种类型各自的区别:

  • noinstall是免安装版,但是下载下来后需要进行一些配置
  • setup是安装版,通过一系列傻瓜操作(点击下一步),可以完成nvm的安装及配置工作,我们本篇文章介绍的就是如何使用该工具完成nvm的安装
  • update是更新工具,比如我们现在电脑上已经有了旧版本(比如1.1.7)的nvm,使用新版本(如1.1.10)的nvm-update,可以将我们的nvm版本升级到新版本(1.1.10)

卸载电脑上已有的Node.js

若你的电脑之前安装了Node.js,需要先将其卸载。 我是按照网上教程一步步完成的卸载,所以不当搬运工了,直接把教程放在这里

开始安装

执行nvm-setup.exe开始安装

  • 点击Next

image.png

  • 指定nvm安装路径

image.png

注意:你指定的安装路径一定不要包含中文,否则nvm执行会出现异常。之前我看有篇教程说不要改变安装路径,只能使用默认的,不然安装会失败,亲测改变路径后不会出现异常,反倒是路径包含中文时执行nvm出现异常被中断了。

  • 指定Node.js安装路径

image.png

  • 点击Install确认安装

image.png

安装完成后确认

  1. 以管理员身份打开cmd(注意,是管理员身份。我用非管理员身份打开时,会显示nvm没有安装)

image.png

  1. 执行nvm,若安装成功则显示如下

image.png

配置国内镜像

由于npm和node默认使用的是国外的下载地址,这导致npm和Node.js的下载会很慢,为了解决该问题,我们可以在nvm中为他们配置国内镜像。配置方法如下:

打开安装路径下的setting.txt

image.png

添加以下配置

npm_mirror http://mirrors.cloud.tencent.com/npm/
node_mirror http://mirrors.cloud.tencent.com/nodejs-release/

如下图

image.png

好了 大功告成,安装完成。

nvm的安装(mac)

卸载电脑上已有的Node.js

我是跟着这篇文章卸载的blog.csdn.net/shiquanqq/a…

安装nvm

打开终端,执行官方给出的下面这条指令:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash

执行完这条指令后有可能会提示连接失败等问题,感觉和墙有关,反正我换了3、4次vpn节点,最后终于在一个美国的节点上成功连接了。

安装成功后依次在终端执行下面两条指令(其实就是新建并打开了一个名为.bash_profile的文件):

touch .bash_profile #新建文件 
open .bash_profile #打开文件

在打开的新文件中填写如下内容:(注意"["之前要换行)

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" 

附一下我的截图(是手把手教没错吧<( ̄︶ ̄)>):

image.png 保存文件再在终端中执行:

source .bash_profile

然后就安装成功了

安装完成后确认

在终端执行nvm,出现如下内容说明安装成功

image.png

nvm的使用

这里我只列出我常用的几个指令

mac和windows通用

nvm list

查看你的电脑上已安装的Node.js版本

image.png

nvm install 版本号

安装指定版本的Node.js

如:通过指令nvm install 16.16.0 ,可安装16.16.0版本的Node.js

nvm use 版本号

切换为指定版本的Node.js

image.png

nvm uninstall 版本号

卸载指定版本的Node.js

如:nvm uninstall 16.16.0

mac

nvm ls-remote(mac)

image.png

windows

nvm list available

查看可通过nvm安装的Node.js版本

image.png

nvm的卸载(windows)

我是按照其他文章一步一步完成卸载的,就不当搬运工了,直接贴文章地址

mac的我现在还没卸载过,就不写在文章里啦~后面有相关实践经验了再往文章里补充。