下载NPM包的zip文件,离线安装开源库
手工下载NPM包的小工具
有时候在没有安装 Node.js 和 npm 的电脑上,或者企业内网隔离机器、排查线上问题的服务器上,想临时下载某个 npm 包的源码看看,或者拿去离线安装、部署,挺麻烦的。
网络上找了一圈,发现这个网页小工具:下载NPM包,浏览器打开直接搜包名就能把压缩包下下来。
注意,这个是下载 npm 上开源包,不是下载npm本身,不是用于离线安装npm,而是:手动下载npm上的开源包的zip/tgz文件、下载开源库的源代码,用于离线安装开源包,比如离线安装 vue/react/webpack/vite 等js开源库。
下载的文件,就能用于内网安装、部署了。
怎么快速下载npm上的开源包的zip/tgz文件
- 输入 npm 包名(比如
react、vue@3.5.44,或者直接把 npmjs.com 页面链接贴进去) - 点击“下载文件”,工具会并发查询镜像源并列出所有发布过的版本
- 在列表里点对应的版本号就能直接下载
如果找的是以前的某个老版本,右边自带版本过滤器,输入版本号(比如 3.4 或 beta)就能秒搜出来。
比如说:
输入 react@19.3.0 ,点击下载,就找到这个版本的 react 的zip/tgz 压缩文件,一键下载。
点击这里能看到示例效果:
https://abctool.info/download-npm-package/zh/?name=react%4019.3.0
支持的功能
- 支持 TGZ 和 ZIP 两种格式:默认下载官方原始
.tgz包,速度最快;也支持在浏览器里直接转换成普通.zip压缩包,Windows 上双击就能看代码 - 全版本历史查询:一键查出 npmjs 官方与镜像源的所有发布版本和总版本数,支持翻页查找
- 多种输入格式自动识别:
- 普通包名:
react - 指定版本:
vue@3.5.44 - 作用域包(Scope):
@videojs/html - 官网与镜像链接:可以直接贴
npmjs.com、npmmirror甚至unpkg/jsDelivr的链接
- 普通包名:
- 适合场景:内网环境离线拷包、对比历史版本源码、审计第三方库代码、老旧项目缺依赖应急找包
- 无需环境:不需要装 Node.js,不需要 npm 命令行,能开网页就能下
网上其实还蛮多人在找这种工具的:
比如英语的这几个网页:
从 npm 下载开源库的源代码,而不是通过 npm 安装这个包
https://stackoverflow.com/questions/15035786/download-source-from-npm-without-installing-it
下载包括项目依赖的npm包的zip文件:
https://stackoverflow.com/questions/29767938/using-npm-how-can-i-download-a-package-as-a-zip-with-all-of-its-dependencies-inc
其实这个在线的下载npm库的工具也有英文版,也是能为外国人解决此问题的:
https://abctool.info/download-npm-package/en/
这个工具解决了这些问题:
- 不想安装npm cli,直接下载npm包,在线直接下载npm托管的包文件
- 手工下载npm包的zip文件,便于离线部署、企业内网部署
- 在浏览器直接下载npm开源包,不依赖nodejs 、npm 命令行工具
- 在线下载托管在npmjs.com的软件包文件,可选
.tgz或.zip - npm install安装的包,会被npm修改package.json,手动下载npm开源包的zip包,可获取到纯净的npm包