如何随意切换 NodeJs 版本?

2022-07-18 14:26:57 浏览数 (1)

松哥最近正在录制 TienChin 项目视频~采用 Spring Boot Vue3 技术栈,里边会涉及到各种好玩的技术,小伙伴们来和松哥一起做一个完成率超 90% 的项目,戳戳戳这里-->TienChin 项目配套视频来啦


周五来个简单的,轻松一下~

小伙伴们知道松哥最近在录TienChin项目的视频,其中前端用的是 Vue3,这个用的是 RuoYi-Vue3,这个脚手架里边前端用的 yarn,并且还使用了一些插件,导致 Node 版本必须要 >=14。

正准备更新我的 Node 的时候,忽然想起来我电脑上还有我的个人网站 www.javaboy.org,这个网站我是用 Hexo 在 2019 年构建的,当时用的 Hexo 的版本也比较老,如果使用高版本的 NodeJS 会导致我的 Hexo 运行有问题(这个坑之前踩过一次了),如果重新安装最新版的 Hexo 估计就没啥问题了,但是我的那个个人网站我做了很多定制,不仅仅是修改 Hexo 的配置,甚至还自己上手改了不少代码,所以要是重新安装 Hexo 也费事,要改好多东西,太折腾了。

思来想去,要是能在电脑上安装多个不同的 NodeJS 版本就好了,并且这个安装还得方便不能太折腾(否则我还不如去折腾我的 Hexo),那么不妨看看 NVM。

作为 Java 工程师,我觉得这个 NVM 还挺方便的,不过在专业的前端工程师看了,可能会觉得有点幼稚了哈哈。

1. NVM

NVM 是 Mac 下的 node 管理工具,当我第一次看到这个工具的时候,就想到了 Ruby 中的 rvm(之前在《Spring Boot Vue 全栈开发实战》一书中,为了教大家搭建 Redis 集群,不得不教大家用 rvm 安装 Ruby)。

如果需要管理 Windows 下的 node,官方推荐使用 nvmwnvm-windows,不过,nvm-windows 并不是 nvm 的简单移植,他们也没有任何关系。

大部分情况下,Windows 下的 nvm 和 mac 里的 nvm 使用都没有大的差异,基本上是一致的,会有个别命令不太相同,这个下文中我会和大家梳理。

2. 安装

安装之前记得先把自己之前安装的 NodeJS 删除掉,否则可能会起冲突。

Windows 上好说,控制面板找到对应的文件直接卸载即可,Mac 上则执行如下命令删除:

代码语言:javascript复制
sudo npm uninstall npm -g

sudo rm -rf /usr/local/lib/node /usr/local/lib/node_modules /var/db/receipts/org.nodejs.*

sudo rm -rf /usr/local/include/node /Users/$USER/.npm

sudo rm /usr/local/bin/node

sudo rm /usr/local/share/man/man1/node.1

sudo rm /usr/local/lib/dtrace/node.d

一顿操作下来,然后执行如下命令,如果找不到对应的命令,那就表示删除成功了:

代码语言:javascript复制
node -v
// -bash: /usr/local/bin/node: No such file or directory

npm -v
// -bash: /usr/local/bin/npm: No such file or directory

Windows 上有一个 exe 文件,直接双击安装就行了,这个没啥好说的。

Mac 或者 Linux 上我们则直接可以在线安装,非常方便:

可以使用 curl 命令安装:

代码语言:javascript复制
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

也可以使用 wget 命令安装:

代码语言:javascript复制
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

执行完成后,通过 nvm -v 命令可以查看是否安装成功:

3. 使用

使用命令也是比较容易的。给小伙伴们列举一个常见的命令:

指定当前 Node 版本:

代码语言:javascript复制
$ nvm use 16
Now using node v16.9.1 (npm v7.21.1)
$ node -v
v16.9.1
$ nvm use 14
Now using node v14.18.0 (npm v6.14.15)
$ node -v
v14.18.0

安装一个 Node 版本:

代码语言:javascript复制
$ nvm install 12
Now using node v12.22.6 (npm v6.14.5)
$ node -v
v12.22.6

查看目前已安装的 Node 版本:

代码语言:javascript复制
nvm ls

查看有哪些可用的 Node 版本:

代码语言:javascript复制
# Mac
nvm ls-remote
# Windows
nvm list available

4. 小结

好啦,如果小伙伴们也有要使用不同 Node 版本的烦恼,那么不妨试试这个~

0 人点赞