先来结果执行代码,再看下面详情,干净利落~
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
npm config set registry https://registry.npm.taobao.org
// 先安装yarn
npm install -g yarn
// 配置yarn相关的镜像源
yarn config set registry https://registry.npm.taobao.org
yarn config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
问题举例:
在使用 create-react-app my-app 或 vue create vueApp 来创建一个新的新的项目时,在拉取各种资源时,往往会非常慢,一直卡在那:
fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch
解决方案:
可以看到资源还是使用了 npmjs.org,解决方法是换成淘宝的资源:
- 第一种:全局配置淘宝的镜像地址即可:(下包的命令仍然是npm)
$ npm config set registry https://registry.npm.taobao.org
-- 配置后可通过下面方式来验证是否成功
$ npm config get registry
-- 或 npm info express
1. nrm ls // 展示出来当前可更改的镜像列表
2. nrm use npm/yarn/cnpm/taobao/nj/npmMirror/edunpm // use后面跟对应镜像的简称的名字即可
3. nrm ls | nrm current // 检查操作是否更改成功
完成更改淘宝源的操作,而且不需要更改包命令npm:
nrm ls 展示镜像列表
nrm use taobao 更改镜像为淘宝的镜像
nrm current 展示当前的镜像的名字 // taobao
- 第三种:安装国内的命令cnpm来操作安装:(下包的命令是cnpm)
1 全局安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
2. 直接采用cnpm下包
cnpm install webpack@4.0.0