macOS 安装 Homebrew、nvm 及安装切换 node 版本

一、安装Homebrew

提示:在安装 nvm 时,如果使用 brew 方式安装,就要先安装 Homebrew

1、打开终端,输入以下指令(官网可获取最新命令):

  • 国外镜像
bash 复制代码
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
  • 国内镜像
bash 复制代码
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

2、检查是否安装成功,输入以下指令

bash 复制代码
brew -v

二、使用Homebrew安装NVM

1、安装完Homebrew后,在终端中执行以下命令来安装NVM

bash 复制代码
brew install nvm

2、检查是否安装成功,输入以下指令

bash 复制代码
nvm -v

提示:如果遇到 zsh: command not found: nvm,请配置环境变量

3、配置环境变量:

根据默认 shell 来决定操作文件

.bash_profile‌:主要用于Bash Shell。Bash是许多类UNIX系统的默认Shell,特别是在较旧的Mac系统或以Bash为主要Shell的环境中常用‌

‌.zshrc‌:与Zsh Shell相关。Zsh是一种功能强大的Shell,近年来在Mac系统中逐渐流行,特别是从macOS Catalina版本开始,Zsh成为默认Shell‌

macOS Catalina之前版本,编辑或创建 ~/.bash_profile 文件

macOS Catalina及以后版本,编辑或创建 ~/.zshrc 文件

在文件中添加以下配置环境变量的指令:

bash 复制代码
export NVM_DIR="$HOME/.nvm"
[ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && \. "/opt/homebrew/opt/nvm/nvm.sh"  # This loads nvm
[ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && \. "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion
  • 方式一:

    1️⃣ 打开 访达,依次点击屏幕左上方 菜单栏>前往>前往文件夹,输入英文 ~ 回车,找到 .zshrc.bash_profile 文件(根据shell决定文件)并打开;

    2️⃣ 如果没有找到文件,Command + Shift + .. 为句号键)可查看隐藏文件

    3️⃣ 打开后复制上面配置环境变量指令,新起一行粘贴,command + s 保存

    4️⃣ 最后输入 source ~/.zshrcsource ~/.bash_profile(根据shell决定文件)使文件生效,再用 nvm -v 检查即可

  • 方式二:

    1️⃣ 使用 vim 编辑,打开终端,输入 vim ~/.zshrcvim ~/.bash_profile 指令(根据shell决定文件),按照提示操作,在新打开的文件中粘贴上面配置环境变量指令,保存

    2️⃣ 如不熟悉 vim 操作,请先了解相关操作

    3️⃣ 最后输入 source ~/.zshrcsource ~/.bash_profile(根据shell决定文件)使文件生效,再用 nvm -v 检查即可

三、使用 nvm 安装,切换 node 版本

1、安装(数字代表哪个版本,需要哪个输入哪个)

bash 复制代码
nvm install 20

2、查看已安装 node 版本

bash 复制代码
nvm list

3、切换 node 版本

bash 复制代码
nvm use 20

4、查看当前使用的 node 版本

bash 复制代码
node -v
相关推荐
晓得迷路了1 分钟前
栗子前端技术周刊第 112 期 - Rspack 1.7、2025 JS 新星榜单、HTML 状态调查...
前端·javascript·html
怕浪猫4 分钟前
React从入门到出门 第五章 React Router 配置与原理初探
前端·javascript·react.js
jinmo_C++4 分钟前
从零开始学前端 · HTML 基础篇(一):认识 HTML 与页面结构
前端·html·状态模式
鹏多多10 分钟前
前端2025年终总结:借着AI做大做强再创辉煌
前端·javascript
小Tomkk18 分钟前
⭐️ StarRocks Web 使用介绍与实战指南
前端·ffmpeg
不一样的少年_22 分钟前
产品催: 1 天优化 Vue 官网 SEO?我用这个插件半天搞定(不重构 Nuxt)
前端·javascript·vue.js
-dcr24 分钟前
50.智能体
前端·javascript·人工智能·ai·easyui
行者9634 分钟前
Flutter跨平台开发适配OpenHarmony:进度条组件的深度实践
开发语言·前端·flutter·harmonyos·鸿蒙
云和数据.ChenGuang35 分钟前
Uvicorn 是 **Python 生态中用于运行异步 Web 应用的 ASGI 服务器**
服务器·前端·人工智能·python·机器学习
IT_陈寒36 分钟前
SpringBoot 3.0实战:这5个新特性让你的开发效率提升50%
前端·人工智能·后端