一文详解NPM如何换源

前言

做开发,最怕的就是下载 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中去。

结尾

作为一名成熟的国内程序员,麻溜地换源已经是一种基本操作了。

作者:前端西瓜哥原文地址:https://blog.csdn.net/fe_watermelon/article/details/126865835

%s 个评论

要回复文章请先登录注册