Mac如何安装配置Node.js_Mac Node.js安装配置思路

小磊吖_6064

小磊吖_6064

2026-04-11

1041人浏览

原创

在mac上安装node.js有五种方法:一、用homebrew快速安装lts版并配path;二、官网下载.pkg包图形化安装;三、用nvm管理多版本;四、手动编辑~/.zshrc配置path;五、配置npm全局目录避免权限问题。

mac如何安装配置node.js_mac node.js安装配置思路

如果您希望在Mac系统上运行JavaScript代码或开发基于Node.js的应用程序,则需要先安装并正确配置Node.js环境。以下是完成此任务的多种方法:

一、使用Homebrew安装Node.js

Homebrew是Mac上最常用的包管理工具,通过它可快速安装最新LTS版本的Node.js,并自动配置PATH环境变量。

1、打开终端应用程序。

2、执行命令安装Homebrew(若尚未安装):/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"。

3、运行brew update更新软件包索引。

4、执行brew install node安装Node.js及npm。

5、验证安装:输入node -v和npm -v,确认输出版本号。

二、通过官方安装包安装Node.js

从Node.js官网下载预编译的.pkg安装包,适合不熟悉命令行或需指定版本的用户,安装过程会自动将可执行文件路径添加至系统PATH。

1、访问https://nodejs.org,点击“Downloads”区域的macOS Installer (.pkg)链接。

2、双击下载完成的.pkg文件,按向导提示完成安装。

3、关闭并重新打开终端窗口,避免Shell缓存旧PATH。

4、运行which node确认二进制文件路径为/usr/local/bin/node。

5、执行node --version检查是否成功安装。

三、使用nvm管理多个Node.js版本

nvm(Node Version Manager)允许在同一台Mac上共存并自由切换多个Node.js版本,适用于需要测试不同版本兼容性的开发场景。

1、在终端中运行以下命令安装nvm:curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash。

2、重启终端或执行source ~/.zshrc(如使用zsh)加载nvm配置。

3、运行nvm list-remote查看可用版本列表。

wechat-article-extraction-mp-weixin-qq-com news-webpage-cleaning blog-post-parsing metadata-extraction-title-author-date multiple-output-formats-markdown-json-plain-text batch-processing-support
wechat-article-extraction-mp-weixin-qq-com news-webpage-cleaning blog-post-parsing metadata-extraction-title-author-date multiple-output-formats-markdown-json-plain-text batch-processing-support

基于三引擎设计,从微信文章、新闻和博客网页提取干净内容,支持标题作者日期元数据,多格式和批量处理。

下载

4、安装LTS版本:nvm install --lts。

5、设置默认版本:nvm alias default lts/*。

6、验证当前激活版本:nvm current与node -v应一致。

四、手动配置环境变量(仅当PATH未自动生效时)

某些情况下,安装后终端无法识别node命令,说明Shell未正确加载Node.js所在路径,需手动补充PATH定义。

1、确认Node.js实际安装位置,常见路径包括/usr/local/bin或~/.nvm/versions/node/下的子目录。

2、编辑Shell配置文件:nano ~/.zshrc(macOS Catalina及之后默认使用zsh)。

3、在文件末尾添加一行:export PATH="/usr/local/bin:$PATH"(路径按实际安装位置调整)。

4、保存并退出编辑器(Ctrl+O → Enter → Ctrl+X)。

5、执行source ~/.zshrc立即应用变更。

6、再次运行echo $PATH,确认新路径已包含在内。

五、验证全局模块与权限配置

npm全局安装模块(如npm install -g create-react-app)常因权限问题失败,需确保全局目录归属当前用户且无需sudo即可写入。

1、创建npm全局模块专用目录:mkdir ~/.npm-global。

2、配置npm使用该目录:npm config set prefix '~/.npm-global'。

3、编辑~/.zshrc,追加:export PATH=~/.npm-global/bin:$PATH。

4、运行source ~/.zshrc刷新环境。

5、尝试安装一个全局工具:npm install -g http-server。

6、验证是否可直接调用:http-server --version。

相关专题

更多
curl_exec
curl_exec

curl_exec函数是PHP cURL函数列表中的一种,它的功能是执行一个cURL会话。给大家总结了一下php curl_exec函数的一些用法实例,这个函数应该在初始化一个cURL会话并且全部的选项都被设置后被调用。他的返回值成功时返回TRUE, 或者在失败时返回FALSE。

2023.06.14

3523

6

linux常见下载安装工具
linux常见下载安装工具

linux常见下载安装工具有APT、YUM、DNF、Snapcraft、Flatpak、AppImage、Wget、Curl等。想了解更多linux常见下载安装工具相关内容,可以阅读本专题下面的文章。

2023.10.30

795

4

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

2023.06.20

4136

8

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.07.28

1295

5

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.03

1678

5

js是什么意思
js是什么意思

JS是JavaScript的缩写,它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言,通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果,如表单验证、页面元素操作、动画效果、数据交互等。

2023.08.17

9683

11

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

2023.09.01

920

4

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.04

2504

5

Js中concat和push的区别
Js中concat和push的区别

Js中concat和push的区别:1、concat用于将两个或多个数组合并成一个新数组,并返回这个新数组,而push用于向数组的末尾添加一个或多个元素,并返回修改后的数组的新长度;2、concat不会修改原始数组,是创建新的数组,而push会修改原数组,将新元素添加到原数组的末尾等等。本专题为大家提供concat和push相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.14

1509

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WEB前端教程【HTML5+CSS3+JS】
WEB前端教程【HTML5+CSS3+JS】

共101课时 | 20.9万人学习

JS进阶与BootStrap学习
JS进阶与BootStrap学习

共39课时 | 4.8万人学习