展开菜单
首页 精品内容 本月促销 装机必备 Windows macOS软件 IOS软件 Android AI PDF教程 专题
全部分类

当前位置:

首页 > 系统应用 > Mac如何安装Node.js和NPM 苹果电脑前端开发环境配置教程【指南】

Mac如何安装Node.js和NPM 苹果电脑前端开发环境配置教程【指南】

想在Mac上开始前端开发,第一步往往就是搞定Node.js和npm。这两个工具,一个是Ja vaScript的运行时环境,另一个是包管理器,可以说是现代前端开发的基石。不过,对于刚接触macOS(无论是Intel芯片还是Apple Silicon)的朋友来说,面对几种不同的安装方式,可能会有点选择困

mac如何安装node.js和npm 苹果电脑前端开发环境配置教程【指南】

想在Mac上开始前端开发,第一步往往就是搞定Node.js和npm。这两个工具,一个是Ja vaScript的运行时环境,另一个是包管理器,可以说是现代前端开发的基石。不过,对于刚接触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环境已经配置妥当,可以愉快地开始开发了。

本文内容来源于互联网,如有侵权请联系删除。
作者最新文章
系统应用
相关文章 更多
精品专题 更多
本月促销

正软商城本月促销专区,汇集办公、设计、安全、影音、系统工具及AI软件等正版软件优惠活动,提供限时折扣、特价授权和优惠购买信息,活动库存及价格以页面实时展示为准。

装机必备

正软商城装机必备专区,精选办公、浏览器、安全防护、影音播放、压缩解压、设计创作和系统工具等电脑常用正版软件,帮助用户快速完成新电脑软件配置。

Windows

正软商城Windows软件专区,汇集适用于Windows电脑的办公、设计、安全防护、影音播放、开发工具和系统优化软件,提供软件介绍、系统要求、正版授权及购买下载服务。

macOS软件

正软商城macOS软件专区,精选适用于Mac电脑的办公、设计、影音、效率、开发和系统工具,提供软件功能介绍、macOS兼容版本、正版授权及购买下载服务。

IOS软件

正软商城iOS软件专区,精选适用于iPhone和iPad的办公、学习、影音、设计、效率及AI应用,提供功能介绍、适用设备、系统要求和正版获取方式等信息。

AI

正软商城AI软件专区,汇集AI写作、AI绘画、AI视频、AI办公、AI编程、AI翻译、智能客服和数据分析等人工智能工具,提供功能介绍、适用平台、收费方式及正版购买信息。

PDF教程

正软商城PDF教程频道提供PDF编辑、转换、合并、拆分、压缩及格式处理方法,同时介绍常用PDF软件和工具的使用技巧。

Mac软件 更多
灵活计算器
灵活计算器

灵活计算器是一款笔记式算数应用,支持实时计算、动态关联和云端同步功能。记录、整理和输出之间的过渡会更自然,适合长期写作、做笔记或持续沉淀个人内容。

赤友清理大师
赤友清理大师

赤友清理大师是一款为 Mac 设计的智能清理优化工具,可精准扫描垃圾、大文件、重复文件等,释放磁盘空间。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。

极度公式
极度公式

极度公式是一款跨平台专业LaTeX公式识别编辑软件,支持OCR公式识别和多平台编辑。和使用说明,避免使用,享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。

图几
图几

图几是一款适用于 macOS 的截图、标注与美化工具,支持离线操作保障隐私。界面整理和高频系统操作被放到一起考虑,桌面或窗口内容一多时,管理起来会更省心。

密码键盘
密码键盘

密码键盘是一款兼具安全性与便捷性的高效密码管理器。日常使用里的持续防护和信息管理会更突出,适合把安全控制放进长期使用流程中的场景。

思源笔记
思源笔记

思源笔记是一款本地笔记软件,提供所见即所得的编辑方式,为长文写作带来顺滑的体验。记录、整理和输出之间的过渡会更自然,适合长期写作、做笔记或持续沉淀个人内容。

Office 365 简体中文
Office 365 简体中文

一款文字处理软件,一种订阅式的跨平台办公软件,基于云平台提供多种服务,通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合,Office 365 可让任何人使用任何设备随时随地创建和共享内容。

WALTR PRO
WALTR PRO

WALTR是一款电脑至iOS文件传输转换工具,操作简单,快速实现文件识别与传送。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。

CodeExpander
CodeExpander

CodeExpander 是一款快捷短语输入增强工具,通过键入缩写自动展开为自定义文段,提升工作效率。任务管理和过程控制会更完整,持续下载、批量同步或需要稳定传输流程的场景会更适合它。

Mountain Duck
Mountain Duck

Mountain Duck 是一款能将多个网盘挂载到本地的工具,像本地磁盘一样使用网盘。清理链路的完整性会更好一些,做应用卸载、残留处理和空间整理时,通常能少走很多手动排查步骤。

Menuist
Menuist

Menuist 是一款面向 macOS 的 Finder 右键菜单增强工具,主要用来补充新建文件、快捷导航等常用操作,让日常文件管理和访问路径时更高效、更顺手。

Mole
Mole

Mole 是一款专为 Mac 设计的深度清理优化工具,涵盖缓存清理、应用管理及实时状态监控等功能。清理链路的完整性会更好一些,做应用卸载、残留处理和空间整理时,通常能少走很多手动排查步骤。

WINDOWS 更多
Windows 10
Windows 10

Windows 10 是一款微软推出的经典操作系统,拥有硬件兼容性与多任务处理能力。它更偏向把系统状态查看和常用调节动作放在一起,适合需要持续观察和微调设备状态的场景。

极度公式
极度公式

极度公式是一款跨平台专业LaTeX公式识别编辑软件,支持OCR公式识别和多平台编辑。和使用说明,避免使用,享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。

密码键盘
密码键盘

密码键盘是一款兼具安全性与便捷性的高效密码管理器。日常使用里的持续防护和信息管理会更突出,适合把安全控制放进长期使用流程中的场景。

思源笔记
思源笔记

思源笔记是一款本地笔记软件,提供所见即所得的编辑方式,为长文写作带来顺滑的体验。记录、整理和输出之间的过渡会更自然,适合长期写作、做笔记或持续沉淀个人内容。

傲梅轻松备份
傲梅轻松备份

傲梅轻松备份是一款专业易用的数据备份软件,为重要数据提供安全保障。日常使用里的持续防护和信息管理会更突出,适合把安全控制放进长期使用流程中的场景。

Office 365 简体中文
Office 365 简体中文

一款文字处理软件,一种订阅式的跨平台办公软件,基于云平台提供多种服务,通过将 Excel 和 Outlook 等应用与 OneDrive 和 Microsoft Teams 等强大的云服务相结合,Office 365 可让任何人使用任何设备随时随地创建和共享内容。

Wise Folder Hider Pro
Wise Folder Hider Pro

Wise Folder Hider Pro 是一款专业级文件和文件夹隐藏加密软件,为私密数据添加多重保护。高频操作更强调就近处理,浏览、整理和跨目录移动文件时,来回切换和重复点击都会少很多。

WALTR PRO
WALTR PRO

WALTR是一款电脑至iOS文件传输转换工具,操作简单,快速实现文件识别与传送。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。

CodeExpander
CodeExpander

CodeExpander 是一款快捷短语输入增强工具,通过键入缩写自动展开为自定义文段,提升工作效率。任务管理和过程控制会更完整,持续下载、批量同步或需要稳定传输流程的场景会更适合它。

PinStack
PinStack

PinStack是一款轻量级的Windows平台剪贴板管理工具,优化您的剪贴板使用体验。它更偏向把系统状态查看和常用调节动作放在一起,适合需要持续观察和微调设备状态的场景。

Mountain Duck
Mountain Duck

Mountain Duck 是一款能将多个网盘挂载到本地的工具,像本地磁盘一样使用网盘。清理链路的完整性会更好一些,做应用卸载、残留处理和空间整理时,通常能少走很多手动排查步骤。

Seer
Seer

Seer是一款在Win平台下的空格键功能增强效率工具,只需轻敲空格键,就能预览几乎任何格式的文件。它更适合把零散的小功能集中起来使用,处理高频琐碎任务时会更省事。