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 分钟前
告别Node.js:2025年,我为何全面拥抱Bun
前端·后端·程序员
还是鼠鼠3 分钟前
Node.js--exports 对象详解:用法、示例与最佳实践
前端·javascript·vscode·node.js·web
CQU_JIAKE4 分钟前
2.5[frontEnd]
前端
Moment8 分钟前
前端性能指标 —— FMP
前端·javascript·面试
爱上大树的小猪13 分钟前
【前端实战】Flex布局实战:打造经典自适应导航栏(附移动端折叠方案)
前端·javascript·flexbox
Anlici24 分钟前
深入浅出Vue响应式原理:手把手解析Proxy与依赖追踪
前端·vue.js·面试
mon_star°27 分钟前
css实现报警特效
前端·css
AKA大佬27 分钟前
@aspnet/signalr服务器与客户端之间实时的双向通信
前端·angular.js
ak啊27 分钟前
AST 解析器 Parser
前端·webpack·源码阅读
北京_宏哥28 分钟前
🔥《手把手教你》系列练习篇之8-python+ selenium自动化测试(详细教程)
前端·python·selenium