松哥最近正在录制 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,官方推荐使用 nvmw
或 nvm-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 版本的烦恼,那么不妨试试这个~