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
相关推荐
a1117765 小时前
医院挂号预约系统(开源 Fastapi+vue2)
前端·vue.js·python·html5·fastapi
0思必得05 小时前
[Web自动化] Selenium处理iframe和frame
前端·爬虫·python·selenium·自动化·web自动化
0wioiw07 小时前
Onesignal(Xcode)
ide·macos·xcode
行走的陀螺仪7 小时前
uni-app + Vue3编辑页/新增页面给列表页传参
前端·vue.js·uni-app
We་ct8 小时前
LeetCode 205. 同构字符串:解题思路+代码优化全解析
前端·算法·leetcode·typescript
2301_812731418 小时前
CSS3笔记
前端·笔记·css3
ziblog8 小时前
CSS3白云飘动动画特效
前端·css·css3
越努力越幸运5088 小时前
CSS3学习之网格布局grid
前端·学习·css3
半斤鸡胗8 小时前
css3基础
前端·css
ziblog8 小时前
CSS3创意精美页面过渡动画效果
前端·css·css3