MacBook上安装nvm和Node.js的正确姿势(新手必看)

 更新时间:2026年06月12日 09:45:17   作者:一勺菠萝丶  
nvm是MacOS下管理Node.js多版本的工具,支持一键安装、切换和卸载不同版本,下面这篇文章主要介绍了MacBook上安装nvm和Node.js的正确姿势,文中通过代码介绍的非常详细,需要的朋友可以参考下

适用人群:

  • macOS 用户(Intel / M1 / M2 / M3 都适用)
  • 前端 / Node / 全栈 / Java 开发
  • 不想把环境搞乱的新手

如果你刚开始在 MacBook 上学习开发,Node.js 基本是必装的
但很多人一上来就踩坑,比如:

  • 用 Homebrew 装 Node,结果版本乱
  • 想切 Node 版本,却发现根本切不了
  • 全局包冲突,node -vnpm -v 对不上

👉 正确姿势只有一个:先装 nvm,再用 nvm 管理 Node。

这篇文章带你从 0 到 1,一次装对,不返工

一、先搞清楚:nvm 是什么?为什么一定要用?

Node.js 是什么?

  • Node.js 是一个 JavaScript 运行环境
  • 前端工程(Vue / React / Vite / Next.js)几乎都离不开它

nvm 是什么?

nvm = Node Version Manager(Node 版本管理工具)

它可以帮你:

  • 同时安装多个 Node 版本(14 / 16 / 18 / 20)
  • 不同项目用不同 Node
  • 随时切换,不破坏系统环境

👉 结论一句话:Mac 上千万不要只装一个裸 Node,一定要用 nvm。

二、macOS 安装 nvm(官方推荐方式)

⚠️ 注意:
不推荐用 Homebrew 安装 nvm
nvm 本质是 shell 脚本,Homebrew 反而容易把环境搞复杂。

正确方式:官方脚本安装

打开终端(Terminal)

快捷键:

Command + 空格 → 输入 Terminal → 回车

执行安装命令

复制下面这行,直接粘贴回车:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

等待执行完成。

配置环境变量(非常重要)

macOS 默认使用 zsh,配置文件是 ~/.zshrc

执行:

nano ~/.zshrc

确认里面有下面内容(没有就加上):

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"

保存并退出(Ctrl + O → 回车 → Ctrl + X

让配置立即生效:

source ~/.zshrc

验证 nvm 是否安装成功

nvm -v

如果能看到版本号,例如:

0.39.7

✅ 说明 nvm 安装成功

三、用 nvm 安装 Node.js(推荐版本)

查看可安装的 Node 版本

nvm ls-remote

你会看到很多版本,不用纠结。

推荐安装哪个版本?

  • 新手 / 前端 / 后端通用:Node 18 或 20(LTS)
  • 示例:安装 Node 18
nvm install 18

使用该版本

nvm use 18

验证:

node -v
npm -v

看到正常版本号即可。

四、设置默认 Node 版本(强烈建议)

否则每次开新终端都要 nvm use

nvm alias default 18

以后:

  • 新开终端
  • Node 自动就是 18

五、每个项目使用不同 Node(进阶但很实用)

方式一:手动切换

nvm use 16

方式二(推荐):使用.nvmrc

在项目根目录创建文件:

.nvmrc

内容写:

18

以后进入项目目录:

nvm use

自动切版本。

六、常见错误和避坑指南(必看)

不要同时用 Homebrew 装 Node

如果你之前执行过:

brew install node

建议卸载:

brew uninstall node

否则会出现:

  • node -vwhich node 对不上
  • npm 全局包混乱

不要把 nvm 写到多个配置文件

  • macOS 默认只用:~/.zshrc
  • 不要同时写 .bashrc.bash_profile

终端里提示nvm: command not found

说明:

  • .zshrc 没加载
  • 或者没 source ~/.zshrc

七、总结(直接记住这几条)

✅ MacBook 安装 Node 的正确流程是:

  1. 官方脚本安装 nvm
  2. nvm 安装 Node
  3. 设置默认 Node 版本
  4. 不用 Homebrew 装 Node

一次配置好,以后几年都不用折腾。

到此这篇关于MacBook上安装nvm和Node.js的文章就介绍到这了,更多相关MacBook安装nvm和Node.js内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 解析Node.js基于模块和包的代码部署方式

    解析Node.js基于模块和包的代码部署方式

    这篇文章主要介绍了解析Node.js基于模块和包的代码部署方式,作为一个服务于本地操作系统的JavaScript解释器,Node采用了简洁的基于模块和包概念的部署方式,需要的朋友可以参考下
    2016-02-02
  • win系统下nodejs环境安装配置

    win系统下nodejs环境安装配置

    这篇文章主要介绍了win系统下nodejs环境安装配置的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • 解析NodeJs的调试方法

    解析NodeJs的调试方法

    本文主要介绍了NodeJs调试的步骤,以及实例方法,具有一定的参考作用,需要的朋友可以看下
    2016-12-12
  • nodejs实现bigpipe异步加载页面方案

    nodejs实现bigpipe异步加载页面方案

    本文给大家分享的是使用nodejs结合bigpipe实现异步加载页面的方案,非常的实用,也是以后前端性能优化的一个方向,希望大家能够喜欢。
    2016-01-01
  • 基于Node.js的强大爬虫 能直接发布抓取的文章哦

    基于Node.js的强大爬虫 能直接发布抓取的文章哦

    基于Node.js的强大爬虫能直接发布抓取的文章哦!本爬虫源码基于WTFPL协议,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • Npm link的作用与使用示例代码

    Npm link的作用与使用示例代码

    npm link可以帮助我们模拟包安装后的状态,它会在系统中做一个快捷方式映射,让本地的包就好像 install 过一样,可以直接使用,这篇文章主要介绍了Npm link的作用与使用示例代码,需要的朋友可以参考下
    2023-01-01
  • nodejs处理图片的中间件node-images详解

    nodejs处理图片的中间件node-images详解

    这篇文章主要介绍了nodejs处理图片的中间件node-images详解,非常具有实用价值,需要的朋友可以参考下
    2017-05-05
  • Node.js Express中间件理解及中间件分类和作用

    Node.js Express中间件理解及中间件分类和作用

    文章主要介绍了Express中间件的概念和使用,包括中间件的核心作用、标准形式、分类、定义以及内置中间件和第三方中间件的例子,以及它们的价值,总的来说,文章详细介绍了Express中间件的相关知识和应用
    2026-04-04
  • 详解Node.js中的Async和Await函数

    详解Node.js中的Async和Await函数

    这篇文章主要介绍了Node.js中的Async和Await函数的相关知识,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-02-02
  • Nodejs使用mysql2操作数据库的方法完整讲解

    Nodejs使用mysql2操作数据库的方法完整讲解

    MySQL2是一个基于Node.js的MySQL数据库驱动程序,它是MySQL官方推荐的驱动之一,下面这篇文章主要给大家介绍了关于Nodejs使用mysql2操作数据库的相关资料,需要的朋友可以参考下
    2024-01-01

最新评论