如何隨意切換 NodeJs 版本?
小伙伴們知道松哥最近在錄TienChin項目的視頻,其中前端用的是 Vue3,這個用的是 RuoYi-Vue3,這個腳手架里邊前端用的 yarn,并且還使用了一些插件,導(dǎo)致 Node 版本必須要 >=14。
正準備更新我的 Node 的時候,忽然想起來我電腦上還有我的個人網(wǎng)站 www.javaboy.org,這個網(wǎng)站我是用 Hexo 在 2019 年構(gòu)建的,當(dāng)時用的 Hexo 的版本也比較老,如果使用高版本的 NodeJS 會導(dǎo)致我的 Hexo 運行有問題(這個坑之前踩過一次了),如果重新安裝最新版的 Hexo 估計就沒啥問題了,但是我的那個個人網(wǎng)站我做了很多定制,不僅僅是修改 Hexo 的配置,甚至還自己上手改了不少代碼,所以要是重新安裝 Hexo 也費事,要改好多東西,太折騰了。
思來想去,要是能在電腦上安裝多個不同的 NodeJS 版本就好了,并且這個安裝還得方便不能太折騰(否則我還不如去折騰我的 Hexo),那么不妨看看 NVM。
作為 Java 工程師,我覺得這個 NVM 還挺方便的,不過在專業(yè)的前端工程師看了,可能會覺得有點幼稚了哈哈。
1. NVM
NVM 是 Mac 下的 node 管理工具,當(dāng)我第一次看到這個工具的時候,就想到了 Ruby 中的 rvm(之前在《Spring Boot+Vue 全棧開發(fā)實戰(zhàn)》一書中,為了教大家搭建 Redis 集群,不得不教大家用 rvm 安裝 Ruby)。
如果需要管理 Windows 下的 node,官方推薦使用 nvmw 或 nvm-windows,不過,nvm-windows 并不是 nvm 的簡單移植,他們也沒有任何關(guān)系。
大部分情況下,Windows 下的 nvm 和 mac 里的 nvm 使用都沒有大的差異,基本上是一致的,會有個別命令不太相同,這個下文中我會和大家梳理。
2. 安裝
安裝之前記得先把自己之前安裝的 NodeJS 刪除掉,否則可能會起沖突。
Windows 上好說,控制面板找到對應(yīng)的文件直接卸載即可,Mac 上則執(zhí)行如下命令刪除:
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
一頓操作下來,然后執(zhí)行如下命令,如果找不到對應(yīng)的命令,那就表示刪除成功了:
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 命令安裝:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
也可以使用 wget 命令安裝:
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
執(zhí)行完成后,通過 nvm -v 命令可以查看是否安裝成功:
3. 使用
使用命令也是比較容易的。給小伙伴們列舉一個常見的命令:
指定當(dāng)前 Node 版本:
$ 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 版本:
$ nvm install 12
Now using node v12.22.6 (npm v6.14.5)
$ node -v
v12.22.6
查看目前已安裝的 Node 版本:
nvm ls
查看有哪些可用的 Node 版本:
# Mac
nvm ls-remote
# Windows
nvm list available
4. 小結(jié)
好啦,如果小伙伴們也有要使用不同 Node 版本的煩惱,那么不妨試試這個。