最推荐用fnm安装node.js和npm,因其轻量、快速、原生支持apple silicon;执行curl安装命令、配置shell、安装lts版并验证版本即可完成,图形化方式可选官网.pkg但不便版本管理。

如果您希望在Mac上搭建前端开发环境,但尚未安装Node.js和NPM,则可能是由于缺少JavaScript运行时与包管理工具。以下是针对macOS(包括Intel与Apple Silicon芯片)的多种可靠安装方法:
一、使用官方.pkg安装包(适合新手)
此方式无需命令行操作,安装程序自动配置系统路径,确保node和npm命令可在终端全局调用,且兼容M1/M2/M3芯片。
1、访问Node.js官网 https://nodejs.org/zh-cn/,点击页面中明确标注“LTS”(长期支持版)的蓝色下载按钮。
2、下载完成后,双击打开.dmg文件,将Node.js图标拖入“应用程序”文件夹完成安装。
3、安装过程中若提示输入管理员密码,请授权以完成系统级路径写入。
4、打开“终端”(可通过Spotlight搜索“Terminal”),依次执行以下两条命令:
node -v
npm -v
5、若均输出类似 v20.11.1 与 10.2.4 的版本号,则说明安装成功。
二、使用fnm(Fast Node Manager,推荐开发者)
fnm是专为macOS优化的轻量级Node版本管理器,原生支持Apple Silicon,启动快、配置简洁,便于多版本共存与快速切换。
1、在终端中运行安装命令:curl -fsSL https://fnm.vercel.app/install | bash
2、按提示将fnm添加至shell配置文件(通常为 ~/.zshrc),然后重载配置:source ~/.zshrc
3、执行安装并设为默认LTS版本:fnm install --lts && fnm use --lts && fnm default --lts
4、验证安装结果:node -v 与 npm -v 应分别返回对应版本号。
5、fnm会自动将全局bin路径加入$PATH,无需手动修改环境变量。
三、使用Homebrew安装(适合已有Homebrew用户)
Homebrew作为macOS主流包管理器,能统一管理Node.js及其依赖,升级与卸载操作标准化,适合已建立Homebrew生态的用户。
1、如未安装Homebrew,先在终端运行:/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
2、安装完成后执行:brew install node
scratch编程软件电脑版是一款非常受欢迎的编程学习软件,它适用于8-16岁的孩子编程学习,通过图形编程来培养孩子的编程思想,让孩子能够快速的掌握编程知识,感兴趣的朋友不要错过了,欢迎大家下载体验。基本简介Scratch编程软件利用图形化界面,把编程需要的基本技巧囊括其中,包括建模,控制,动画,事件,逻辑,运算,等等。孩子非常容易掌握,而内涵一点都不简单。通过这个工具平台,孩子可以快速掌握编程技巧,充分发挥自己的想象力。功能介绍1.体系化课程,学习目标明确;2.教学方法成熟,保证学习效率;3.老师在线答
3、Homebrew会自动链接node与npm至/opt/homebrew/bin(Apple Silicon)或/usr/local/bin(Intel),并纳入系统路径。
4、运行 which node 和 which npm 确认可执行文件位置。
5、再次使用 node -v 与 npm -v 验证版本输出。
四、使用nvm(Node Version Manager,适合多版本测试场景)
nvm允许在同一台Mac上并存多个Node.js版本,并按项目需求灵活切换,适用于需兼容不同Node版本的工程化开发环境。
1、在终端中运行安装脚本:curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
2、关闭并重新打开终端,或执行:source ~/.zshrc 使配置生效。
3、安装最新LTS版本:nvm install --lts
4、启用该版本:nvm use --lts
5、设为默认版本以便新终端自动加载:nvm alias default node
6、通过 nvm list 查看已安装版本,nvm current 确认当前激活版本。
五、基础环境验证与加速配置
无论采用哪种安装方式,安装后必须执行关键验证与国内镜像配置,否则后续npm install可能超时或失败。
1、检查全局模块安装前缀:npm config get prefix,确认路径有效(如/usr/local或~/.local/share/fnm/)。
2、将npm全局bin目录加入$PATH(fnm与Homebrew已自动处理;若用.pkg安装且出现command not found,需手动追加):
echo 'export PATH="/usr/local/bin:$PATH"' >> ~/.zshrc && source ~/.zshrc
3、更换为国内镜像源以提升安装速度:npm config set registry https://registry.npmmirror.com
4、验证镜像设置是否生效:npm config get registry 应返回 https://registry.npmmirror.com
5、测试全局安装权限:运行 npm install -g http-server,成功后执行 http-server -v 确认可调用。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










