Mac上最简单配置多版本Nodejs环境

背景

Nodejs版本更新非常迅速,截止目前(2023年2🈷️)已经更新到了19.17.0,笔者查了下官网列出的历史版本,足足有73页之多。而我们经常需要维护一些多年前的旧项目,因为一些依赖的原因导致最新版本的Node不一定兼容,所以也就出现了我们需要根据项目去切换Node版本的问题了。
image.png

安装Nodejs

笔者使用的是Mac系统,本文将以Mac操作系统为例进行多版本Nodejs的安装。
首先,访问Nodejs官网,下载最新版本的Nodejs,官网会自动根据我们的系统来下载对应的安装包。建议下载LTS版本,也就是长期支持版,稳定性更好一些。
image.png
下载好后直接安装,基本上一直点击继续就可以了。
image.png
安装好后,可以打开终端,输入node --version, 输入后如果显示了我们安装的Nodejs版本号,则表示已经安装成功。
image.png

切换其他Nodejs版本

怎么切换其他的Nodejs版本呢,这时候就需要一个npm包来实现了,它就是n,我们可以用npm命令安装它

sudo npm i -g n

注意:n也是一个命令行程序,Mac上如果需要用npm安装一些全局命令的包,需要加上sudo以使用管理员权限。
安装好后我们可以使用n ls查看当前已经安装了的node版本:
image.png
假设笔者需要再安装一个Node.js的16.13.0的版本,我们可以使用如下命令:

sudo n install 16.13.0

安装成功效果如下:
image.png
这时候,我们的node版本已经切换到16.13.0了,我们可以继续使用node --version 验证
image.png
如果我们需要再切换回原来的18.14.1怎么办呢?其实也简单。直接输入sudo n, 会出现一个选项式的交互式命令行让我们选择切换的版本,我们通过按上下箭头键选择18.14.1就行了,然后按enter键即可切换,非常的简单方便。
image.png
n是一个命令行程序,我们可以使用 n --help 查看更多该命令的用法,这里就不再赘述了。


开发小记
记录一次次入坑和翻坑的经历

Enjoy creating rather than coding!

1.1k 声望
93 粉丝
0 条评论
推荐阅读
Nuxt3中如何引入Vant UI+移动端适配处理
之前笔者分享了如何在Nuxt3中使用Element Plus UI,但那是PC端的UI组件库,不适用于做移动端页面。做移动端比较主流的UI库就是Vant UI了。接下来我们讲讲如何在Nuxt3中使用VantUI。

imwty阅读 507

涨姿势了,有意思的气泡 Loading 效果
今日,群友提问,如何实现这么一个 Loading 效果:这个确实有点意思,但是这是 CSS 能够完成的?没错,这个效果中的核心气泡效果,其实借助 CSS 中的滤镜,能够比较轻松的实现,就是所需的元素可能多点。参考我们...

chokcoco20阅读 2k评论 2

在前端使用 JS 进行分类汇总
最近遇到一些同学在问 JS 中进行数据统计的问题。虽然数据统计一般会在数据库中进行,但是后端遇到需要使用程序来进行统计的情况也非常多。.NET 就为了对内存数据和数据库数据进行统一地数据处理,发明了 LINQ (L...

边城17阅读 1.9k

封面图
你可能不需要JS!CSS实现一个计时器
CSS现在可不仅仅只是改一个颜色这么简单,还可以做很多交互,比如做一个功能齐全的计时器?样式上并不复杂,主要是几个交互的地方数字时钟的变化开始、暂停操作重置操作如何仅使用 CSS 来实现这样的功能呢?一起...

XboxYan20阅读 1.5k评论 1

封面图
「彻底弄懂」this全面解析
当一个函数被调用时,会创建一个活动记录(有时候也称为执行上下文)。这个记录会包含函数在 哪里被调用(调用栈)、函数的调用方法、传入的参数等信息。this就是记录的其中一个属性,会在 函数执行的过程中用到...

wuwhs17阅读 2.4k

封面图
学会这些 Web API 使你的开发效率翻倍
随着浏览器的日益壮大,浏览器自带的功能也随着增多,在 Web 开发过程中,我们经常会使用一些 Web API 增加我们的开发效率。本篇文章主要选取了一些有趣且有用的 Web API 进行介绍,并且 API 可以在线运行预览。C...

九旬13阅读 1.5k

封面图
用了那么久的 SVG,你还没有入门吗?
其实在大部分的项目中都有 直接 或 间接 使用到 SVG 和 Canvas,但是在大多数时候我们只是选择 简单了解 或 直接跳过,这有问题吗?没有问题,毕竟砖还是要搬的!

熊的猫16阅读 1.5k评论 2

封面图

Enjoy creating rather than coding!

1.1k 声望
93 粉丝
宣传栏