npm包下载慢的三种解决方案（附：yarn和pnpm设置镜像源）

文章目录

• 一、简介
• • 1.1. npm、pnpm、yarn包管理工具介绍
  • 1.2. 为什么下包速度慢？
  • 1.3. 淘宝镜像服务器介绍
  • 1.4. 淘宝镜像域名更换说明
• 二、npm包下载慢的三种解决方案
• • 2.1. 解决方案一：安装cnpm
  • 2.2. 解决方案二：改变npm默认下载地址
  • • 2.2.1. 方式一：通过命令修改
    • 2.2.2. 方式二：直接修改.npmrc配置文件
  • 2.3. .npmrc配置优先级说明
  • 2.3. 解决方案三：使用nrm地址管理源管理
  • 2.4. 发布npm包注意还原默认源
• 三、yarn切换镜像源
• • 3.1. 查看当前的镜像源。
  • 3.2. 设置为淘宝源
  • 3.3. 还原默认源
• 四、pnpm切换镜像源
• • 4.1. 查看当前镜像源
  • 4.2. 设置为淘宝镜像源
  • 4.3. 切回原镜像源

一、简介

1.1. npm、pnpm、yarn包管理工具介绍

npm、pnpm、yarn包管理工具介绍

1.2. 为什么下包速度慢？

在下包的时候，默认从国外的 https:/registry.npmjs.org/ 服务器进行下载，此时，网络数据的传输需要经过漫长的海底光缆，因此下包速度会很慢。

1.3. 淘宝镜像服务器介绍

淘宝在国内搭建了一个服务器，专门把国外官方服务器上的包同步到国内的服务器，然后在国内提供下包的服务从而极大的提高了下包的速度

1.4. 淘宝镜像域名更换说明

原域名： https://registry.npm.taobao.org/ 在 2022.06.30 号正式下线和停止 DNS 解析
新域名： https://registry.npmmirror.com/

二、npm包下载慢的三种解决方案

2.1. 解决方案一：安装cnpm

npm install -g cnpm --registry=https://registry.npmmirror.com/
// 查看版本
cnpm -v
// 之后下载东西就用cnpm代替npm下载

2.2. 解决方案二：改变npm默认下载地址

2.2.1. 方式一：通过命令修改

// 查看当前下载地址
npm config get registry
// 设置淘宝镜像的地址
npm config set registry https://registry.npmmirror.com/
// 查看当前的下载地址
npm config get registry

相比较方案一，不用下载cnpm，安装命令依旧是npm安装

2.2.2. 方式二：直接修改.npmrc配置文件

• 本地电脑中（对应npm的全局配置）

• 项目中（对应项目中的npm配置）
  

2.3. .npmrc配置优先级说明

.npmrc配置优先级
当我们在多个配置文件中定义相同的键时，npm将按照以下顺序查找和应用配置：

• 项目根目录下的.npmrc文件(最高优先级)
• 用户电脑中的.npmrc文件
• npm内置的默认配置

2.3. 解决方案三：使用nrm地址管理源管理

随时切换下载地址

// nrm安装
npm install -g nrm
// 查看可选源 星号代表当前使用源
nrm ls
// 切换为taobao源
nrm use taobao
// 查看当前正在使用的镜像源
nrm current

2.4. 发布npm包注意还原默认源

// 设置官方服务器镜像的地址
npm config set registry https:/registry.npmjs.org/
// 查看当前的下载地址
npm config get registry

三、yarn切换镜像源

3.1. 查看当前的镜像源。

yarn config get registry

3.2. 设置为淘宝源

yarn config set registry https://registry.npmmirror.com/

3.3. 还原默认源

yarn config set registry https://registry.yarnpkg.com

四、pnpm切换镜像源

4.1. 查看当前镜像源

pnpm config get registry

4.2. 设置为淘宝镜像源

pnpm config set registry https://registry.npmmirror.com/

4.3. 切回原镜像源

pnpm config set registry https://registry.npmjs.org