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
相关推荐
英俊潇洒美少年4 分钟前
Vue2/Vue3 vue-i18n完整改造流程(异步懒加载+后端接口请求)
前端·javascript·vue.js
空中海6 小时前
第七章:vue工程化与构建工具
前端·javascript·vue.js
zhensherlock6 小时前
Protocol Launcher 系列:Trello 看板管理的协议自动化
前端·javascript·typescript·node.js·自动化·github·js
zhuà!6 小时前
element的el-form提交校验没反应问题
前端·elementui
龙猫里的小梅啊7 小时前
CSS(一)CSS基础语法与样式引入
前端·css
小码哥_常7 小时前
从0到1,开启Android音视频开发之旅
前端
渔舟小调7 小时前
P19 | 前端加密通信层 pikachuNetwork.js 完整实现
开发语言·前端·javascript
qq_12084093717 小时前
Three.js 工程向:Draw Call 预算治理与渲染批处理实践
前端·javascript
不会聊天真君64710 小时前
JavaScript基础语法(Web前端开发笔记第三期)
前端·javascript·笔记