游乐游手机版
首页/系统平台/文章详情

Mac安装Node.js和NPM教程 苹果电脑前端环境配置指南

时间:2026-06-13 07:53
在Mac上开启前端开发之旅,第一步通常是安装Node js和npm。Node js是JavaScript的运行时环境,npm则是它的包管理器,这两者堪称现代前端开发的基石。然而,对于刚接触macOS(无论是Intel芯片还是Apple Silicon)的用户来说,面对多种安装方式,难免会感到犹豫。别

在Mac上开启前端开发之旅,第一步通常是安装Node.js和npm。Node.js是JavaScript的运行时环境,npm则是它的包管理器,这两者堪称现代前端开发的基石。然而,对于刚接触macOS(无论是Intel芯片还是Apple Silicon)的用户来说,面对多种安装方式,难免会感到犹豫。别担心,下面将为你梳理几种主流且可靠的方法,你可以根据自己的实际需求灵活选择。

一、使用官方.pkg安装包(适合新手)

如果你对命令行操作不太熟悉,或者希望快速上手,直接从官网下载安装包是最省心的方案。这种方式下,安装程序会自动配置系统路径,安装完成后即可在终端中直接使用nodenpm命令,并且对M1/M2/M3芯片的兼容性表现良好。

具体操作非常简单:

首先,打开Node.js官方网站(https://nodejs.org/zh-cn/),找到醒目的蓝色“LTS”(长期支持版)下载按钮并点击。

下载完成后,你会得到一个.dmg文件。双击打开,将里面的Node.js图标拖拽到“应用程序”文件夹即可完成安装。过程中如果系统提示输入管理员密码,按提示授权即可。

最后,打开“终端”(通过Spotlight搜索“Terminal”可快速找到),依次输入node -vnpm -v并回车。如果看到类似v20.11.110.2.4的版本号输出,说明安装成功。

二、使用fnm(Fast Node Manager,推荐开发者)

对于需要管理多个Node.js版本的开发者来说,fnm是更推荐的选择。它是专为macOS优化的轻量级Node版本管理器,具备启动速度快、配置简便的特点,原生支持Apple Silicon芯片,使用体验非常流畅。

安装fnm仅需一条命令:打开终端,运行curl -fsSL https://fnm.vercel.app/install | bash

安装脚本运行后,会提示你将fnm添加到shell配置文件中(通常是~/.zshrc)。按照提示操作,然后执行source ~/.zshrc使配置生效。

接着,使用fnm安装并设置默认的LTS版本,一气呵成:fnm install --lts && fnm use --lts && fnm default --lts

完成后,同样用node -vnpm -v验证。fnm会自动将全局bin目录加入$PATH环境变量,省去手动配置的麻烦。

三、使用Homebrew安装(适合已有Homebrew用户)

如果你已经是Homebrew的用户,通过它安装Node.js是再自然不过的选择。Homebrew作为macOS上流行的包管理器,能够统一管理Node.js及其依赖,后续升级、卸载操作也更标准化,非常适合已建立Homebrew生态的用户。

如果尚未安装Homebrew,可在终端中运行这条安装命令:/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

安装好Homebrew后,安装Node.js只需一句话:brew install node

Homebrew会自动将nodenpm链接到正确目录(Apple Silicon芯片为/opt/homebrew/bin,Intel芯片为/usr/local/bin),并确保它们在系统路径中。你可以用which nodewhich npm确认位置,最后用node -vnpm -v验证版本。

四、使用nvm(Node Version Manager,适合多版本测试场景)

如果你的开发工作经常需要在不同Node.js版本间切换(例如测试项目兼容性),nvm将是你的得力助手。它允许在同一台电脑上安装并管理多个Node版本,并能按项目需求灵活切换。

安装nvm同样通过运行安装脚本:curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

安装完成后,关闭终端再重新打开,或直接运行source ~/.zshrc使配置生效。

之后,安装最新的LTS版本:nvm install --lts,然后启用它:nvm use --lts。如果想每次打开新终端都默认使用这个版本,可以设置:nvm alias default node

你可以用nvm list查看已安装的所有版本,用nvm current确认当前正在使用的版本。

五、基础环境验证与加速配置

无论你选择了哪种安装方式,装完并不代表万事大吉。还有几个关键的验证和配置步骤不能省略,否则后续运行npm install时可能会遇到超时或失败。

首先,检查全局模块的安装路径:运行npm config get prefix,确保输出的路径有效(例如/usr/local~/.local/share/fnm/)。

其次,确保npm的全局命令目录在系统路径$PATH中。如果你使用的是fnm或Homebrew,它们通常已自动处理。如果使用.pkg安装包,在终端输入npm提示“command not found”,则需要手动添加路径,命令如下:echo 'export PATH="/usr/local/bin:$PATH"' >> ~/.zshrc && source ~/.zshrc

接下来,一个能极大提升体验的操作是更换npm镜像源。默认源在国内访问可能较慢,换成国内镜像速度会快很多。执行:npm config set registry https://registry.npmmirror.com

设置后,用npm config get registry验证,如果返回https://registry.npmmirror.com,说明生效。

最后,可以做一个简单的全局安装权限测试。运行npm install -g http-server安装一个轻量级静态服务器,安装成功后执行http-server -v,如果正常输出版本号,说明你的Node.js和npm环境已配置妥当,可以愉快地开始开发了。

来源:https://www.php.cn/faq/2363341.html
上一篇统信UOS系统提示音关闭及通知声音设置方法 下一篇Windows系统提示操作无法完成如何解决
本站内容用于信息整理与展示,如有侵权或内容问题请及时联系处理。

相关推荐

补充同频道和同主题内容,方便继续浏览更多相关内容。

同类最新

继续查看同栏目最近更新的文章。

更多
麒麟系统字体太小看不清如何调整界面字体大小
系统平台 · 2026-07-01

麒麟系统字体太小看不清如何调整界面字体大小

麒麟系统高分屏字体过小需分层干预:控制中心调整缩放至150%或200%,辅助功能增大文本,命令行设置MateDPI值(2K设200 0,4K设220 0),QT类软件用环境变量QT_DEVICE_PIXEL_RATIO=2,终端取消使用系统等宽字体并改字号,输入法候选字体调至16或18。

Win11记事本默认不换行如何设置为自动换行
系统平台 · 2026-07-01

Win11记事本默认不换行如何设置为自动换行

Windows11记事本默认不自动换行,手动开启仅对当前窗口有效。若要永久启用,可修改注册表,在HKCU Software Microsoft Notepad路径下新建DWORD值fWrap并设为1,或导入含此设置的 reg文件,此后所有新建记事本文件均自动换行显示,无需重复手动操作,一劳永逸。

银河麒麟系统时间快几分钟的调整方法
系统平台 · 2026-07-01

银河麒麟系统时间快几分钟的调整方法

银河麒麟系统时钟快几分钟的解决方法:先用date命令校正系统时间,再执行hwclock--systohc写入硬件时钟;启用systemd-timesyncd并配置阿里云NTP服务器;禁用chronyd避免服务冲突;双系统用户需设置硬件时钟为UTC模式。

Win11多屏下设置软件只在特定屏幕打开的方法
系统平台 · 2026-07-01

Win11多屏下设置软件只在特定屏幕打开的方法

双屏办公时,通过快捷方式添加启动参数、利用Windows窗口位置记忆功能或PowerShell脚本,可让软件自动在副屏打开,免去手动拖拽,提升工作效率。

MacBook如何取消菜单栏蓝牙搜索状态
系统平台 · 2026-07-01

MacBook如何取消菜单栏蓝牙搜索状态

在macOS中,进入系统设置“控制中心”,将蓝牙设为“不显示在菜单栏”即可隐藏图标且功能正常;旧版系统则在蓝牙偏好设置中取消勾选“在菜单栏中显示”。