
做前端开发想装依赖包,却不知道 NPM 官网咋进、咋下载安装?就跟新手想快速涨粉,却找不到门路一样着急?别慌!今天云哥就把 NPM 官网下载安装的全流程说清楚,不管你是 Windows 还是 macOS 系统,跟着做都能搞定,一起往下看吧!
先给大家整个表格,把不同系统下 NPM 的下载安装关键信息对比明白,一眼就能看清:
| 系统类型 | 下载前提 | 官网下载内容 | 核心安装步骤 | 验证方法 |
|---|
| Windows | 需先装 Node.js | Node.js 安装包(含 NPM) | 双击安装包→默认选项下一步→完成 | 命令行输 “npm -v” 看版本 |
| macOS | 需先装 Node.js | Node.js 安装包(含 NPM) | 双击.dmg→拖到应用程序→配置环境 | 终端输 “npm -v” 看版本 |
咱得先搞懂一个事儿:NPM 本身没法单独下载安装,它是跟着 Node.js 一起的,装了 Node.js,NPM 就自动有了,这一点新手可别搞错了!
第一步:进 NPM 官网,找对 Node.js 下载入口
- 打开 NPM 官网:用浏览器输 “npmjs.com”,这就是 NPM 的官方网站,进去后别慌,先找 “Node.js” 相关的入口,因为要通过装 Node.js 来获取 NPM;
- 跳转到 Node.js 官网:在 NPM 官网顶部导航栏,能看到 “Node.js” 的链接,点进去就会跳转到 Node.js 的官网(nodejs.org),因为 NPM 是 Node.js 的内置工具,官方推荐从 Node.js 官网下载安装包;
- 确认官网真实性:Node.js 官网左上角有黑色的 “Node.js”logo,下载页面有清晰的 “LTS”(长期支持版)和 “Current”(最新版)选项,没有乱七八糟的弹窗广告,要是看到 “高速下载”“立即安装” 的弹窗,那肯定是假网站,赶紧关了。
我之前帮朋友装的时候,他误进了假网站,下了个带捆绑软件的安装包,电脑多了好几个没用的程序,最后还是卸了从官网重下的,大家一定要认准官网地址!
第二步:按系统选 Node.js 版本,下载安装包
- 选对版本:Node.js 官网有 “LTS” 和 “Current” 两个版本,新手就选 “LTS” 版,这个版本更稳定,不容易出问题,比如现在的 LTS 版是 “20.17.0”,点它下面对应的系统版本;
- Windows 系统下载:点 “Windows Installer”,会自动下载.exe 格式的安装包,不用选位数,现在大部分 Windows 电脑都是 64 位,安装包会自动适配;
- macOS 系统下载:点 “macOS Installer”,下载.dmg 格式的安装包,这个包也不用选版本,直接下就行,下载速度一般都挺快,几分钟就能搞定。
下载的时候注意看保存路径,别下完找不到安装包,默认存在 “下载” 文件夹里就挺好,好找。
第三步:安装 Node.js(含 NPM),全程默认选项就行
Windows 系统安装步骤:
- 双击安装包:找到下载好的.exe 文件,双击打开,会弹出 “Node.js Setup” 窗口,点 “Next”;
- 同意协议:勾选 “I accept the terms in the License Agreement”,然后点 “Next”;
- 选择安装路径:默认路径就行,不用改,改了以后找起来麻烦,直接点 “Next”;
- 默认选项下一步:后面的 “Node.js runtime”“npm package manager” 这些选项,都保持默认勾选,不用动,一路点 “Next”;
- 完成安装:最后点 “Install”,等进度条走完,点 “Finish”,这样 Node.js 和 NPM 就都装好了。
macOS 系统安装步骤:
- 双击.dmg 文件:找到下载好的.dmg 文件,双击打开,会弹出一个窗口,里面有 Node.js 的图标;
- 拖到应用程序:把 Node.js 图标拖到旁边的 “应用程序” 文件夹里,拖完就算安装完成了,比 Windows 还简单;
- 配置环境变量(可选):大部分情况下不用手动配置,要是后面验证的时候提示 “npm 不是内部命令”,就需要手动配环境变量,详细的设置方法,一起看看吧:打开终端,输 “echo PATH:/Applications/Node.js.app/Contents/Resources/node/bin”,回车就行。
第四步:验证 NPM 是否装好,别装完白忙活
- Windows 系统验证:按 “Win+R”,输 “cmd” 打开命令提示符,在里面输 “npm -v”,要是显示类似 “9.8.1” 的版本号,说明 NPM 装好了;要是提示 “npm 不是内部或外部命令”,就重启一下电脑再试,还不行就重新装一遍,记得全程默认选项;
- macOS 系统验证:打开 “终端”,输 “npm -v”,能看到版本号就说明装好了,要是没反应,就检查下是不是环境变量没配置对。
博主经常使用这个验证方法,百试百灵,装完一定要验证,不然等用的时候才发现没装好,多耽误事啊!
后半段自问自答:解决常见问题
- 问:为啥装了 Node.js,还是用不了 NPM 啊?
答:大概率是环境变量没配置好,尤其是 Windows 系统,要是装的时候改了安装路径,环境变量里就没有 NPM 的路径,命令行找不到它。这时候可以重新装一遍,全程选默认路径,装完重启电脑,一般就能解决;要是不想重装,就手动加环境变量,不过新手还是重装更简单。 - 问:选 LTS 版还是 Current 版啊?怕选不对出问题。
答:新手就选 LTS 版,准没错!LTS 版是长期支持版,更新慢但稳定,适合开发用;Current 版是最新版,有新功能但可能不稳定,容易出兼容性问题,除非你有特殊需求,不然别选。我身边的开发者基本都用 LTS 版,没出过啥问题。 - 问:从第三方平台下 Node.js 行不行?感觉官网下载慢。
答:最好别从第三方平台下!第三方平台的安装包可能被修改过,加了捆绑软件,甚至有病毒,虽然官网偶尔下载慢,但忍几分钟总比装完电脑出问题强。要是官网下载慢,就换个时间试,比如凌晨、早上人少的时候,速度会快不少。
云哥觉得,NPM 的下载安装其实不难,关键是搞懂 “装 Node.js 带 NPM” 这个前提,别想着单独下 NPM。新手按默认步骤来,别瞎改设置,基本都能一次装成。要是遇到问题别慌,重启电脑或重新装一遍,大部分问题都能解决。希望这些内容能帮到大家,顺利用 NPM 装依赖包!
暂无评论