一文详解NPM如何换源
前端西瓜哥 人气:0前言
做开发,最怕的就是下载 404 的问题。
对于 NPM,下载完后不换源的话,下载依赖包就相当的慢,最后超时下载失败也经常发生。
这时候我们就要改一下 NPM 的 registry 配置,换成国内的镜像源。
查看源
先看看源指向哪里:
npm config get registry
默认是指向 https://registry.npmjs.org/
,也就是官方源。
更换源
国内源有很多,我这里用淘宝源吧。毕竟是大公司,会比较稳定。
npm config set registry https://registry.npmmirror.com/
一些文章还是写着旧的淘宝 NPM 镜像
registry.npm.taobao.org
,但它已于 2022 年 05 月 31 日 废弃,读者需要更换为新的registry.npmmirror.com
源。
这个配置会持久化保存到 ~/.npmrc
文件中,你也可以通过手动改该文件来修改配置。
nrm
因为换源要记域名很麻烦,还要手打较长的命令,所以我们可以考虑安装 nrm 包
npm i -g nrm
nrm 其实就是 NPM registry manager,管理 NPM 源泉的简单命令行工具。
令人悲伤的是,如果用国外源安装 nrm,有可能会因为超时而安装失败。
通过 nrm ls
会列出一些可选择的公有源:
$ nrm ls npm ---------- https://registry.npmjs.org/ yarn --------- https://registry.yarnpkg.com/ tencent ------ https://mirrors.cloud.tencent.com/npm/ cnpm --------- https://r.cnpmjs.org/ taobao ------- https://registry.npmmirror.com/ npmMirror ---- https://skimdb.npmjs.com/registry/
通过 nrm use <源的名称>
,则会配置为对应的 registry url。
$ nrm use taobao Registry has been set to: https://registry.npmmirror.com/
nrm 工具的子命令不只是这些,比如可以在列表中新增自己的私有源。不过基本来说,也就前面提到的这两个最常用。具体可以阅读它的文档。
话说它好像有点小 bug。作者其实并没有好好维护,曾经有一段时间 npm 升级,nrm 没有更近,导致不可使用,后来是修好了。
补充:npm更改默认下载位置
为了更好的管理npm包,所以最好是自己更改默认下载位置后来管理。
npm包的下载方式有两种,一种是当前目录安装,另一种是安装在全局中。
可以通过在下载是加上-g来安装为全局包。
默认安装位置在C:\Users\xxx\AppData\Roaming\npm,默认的缓存位置在C:\Users\xxx\AppData\Roaming\npm_cache,可以通过下面的命令来查看:
npm root -g //或者 npm config list
创建一个npm包的下载位置以及缓存位置,E:/npm/npm_global和E:/npm/npm_cache。
然后执行下面的命令:
npm config set prefix "E:/npm/npm_global" npm config set cache "E:/npm/npm_cache"
执行完之后,默认的目录就更改了。
默认目录更改后,命令执行的目录还没有更改,如果不更改,下载后的包使用会找不到命令,这个时候需要添加环境变量,把npm_global的路径添加的环境变量path中去。
结尾
作为一名成熟的国内程序员,麻溜地换源已经是一种基本操作了。
加载全部内容