npm更换成淘宝镜像源以及cnpm

墨蓝 2022-10-09 12:15 247阅读 0赞

## 前言 ##

由于`node`安装插件是从国外服务器下载，受网络限制影响大，速度慢且可能出现异常。所以，（阿里巴巴旗下业务阿里云）干了这事。来自官网介绍：

> 这是一个完整 `npmjs.org` 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。

也就是说，我们可以使用阿里布置在国内的服务器来进行`node`安装。

## 使用方法 ##

1.  使用阿里定制的 `cnpm` 命令行工具代替默认的 `npm`，输入下面代码进行安装：

npm install -g cnpm --registry=https://registry.npm.taobao.org

1.  检测`cnpm`版本，如果安装成功可以看到`cnpm`的基本信息。

cnpm -v

1.  以后安装插件只需要使用`cnpm intall`即可。

假如已经习惯了`npm install`的安装方式，不想去下载阿里的`cnpm`命令工具的话，将命令变成`cnpm`怎么办？很容易我们想到，直接将`node`仓库地址改成淘宝镜像的仓库地址不就好了吗？

**单次生效**

npm install --registry=https://registry.npm.taobao.org

**永久生效**  
设置成全局的下载镜像站点，这样每次`install`的时候就不用加`--registry`，默认会从淘宝镜像下载，设置方法如下：

1.  打开`.npmrc`文件（`nodejs\node_modules\npm\npmrc`，没有的话可以使用`git`命令行建一个( `touch .npmrc`)，用`cmd`命令创建会报错）；
2.  增加 `registry =https://registry.npm.taobao.org` 即可。

也可以按如下方式直接在命令行设置：

npm config set registry https://registry.npm.taobao.org

检测是否成功

// 配置后可通过下面方式来验证是否成功
    npm config get registry
    // 或
    npm info express

这样，就可以使用淘宝镜像还不用更换成`cnpm`，虽然实际都是使用的是淘宝镜像。  
最后附上淘宝镜像官网地址：`http://npm.taobao.org/`

注：如果想还原`npm`仓库地址，只需再把地址配置成`npm`镜像就可以了。

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

## npm淘宝镜像与cnpm区别 ##

之前一直以为`npm`改成淘宝镜像后和`cnpm`本质是一样的，今天在研究`package-lock.json`时候发现，这两者还是有很大区别。

先贴下截图对比：  
1.使用`cnpm`安装`lodash`  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bmh1YXFpYW5nMQ_size_16_color_FFFFFF_t_70]  
2.使用改成淘宝仓库的`npm`安装`lodash`  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bmh1YXFpYW5nMQ_size_16_color_FFFFFF_t_70 1]  
通过截图会发现：

`cnpm`安装模块的时候会在`node_modules`文件夹生成二个文件夹，一个以下划线 \_开头以及版本号组成的名字，一个正常名字的模块，文件夹名字虽然不一样，但里面文件是一样的。

比如执行`cnpm install lodash`,会在`node_modules`文件夹下生成两个文件夹：`_lodash@4.17.11@lodash`和`lodash`，

先执行`cnpm install lodash`，然后再执行`npm install lodash`，`npm`安装的`lodash`会替换掉`cnpm`安装的`lodash`包（包括以下划线开头那个包），文件夹会只剩一个`npm`先安装的`lodash`包。再次`npm uninstall lodash`或者`cnpm uninstall lodash`,都会删除`lodash`包，此时插件包就变成空文件夹了。

先执行`cnpm install lodash`，然后再执行`npm uninstall lodash`后，此时会报错

npm ERR! code EINVALIDPACKAGENAME
     npm ERR! Invalid package name "_lodash@4.17.11@lodash": name cannot start with an underscore; 
     name can only contain URL-friendly characters

但是使用`cnpm uninstall lodash`后，不会报错，此时会删掉`cnpm`安装的两个包中其中一个即非下划线（正常名字）的包。剩余的那个包是可以正常通过鼠标点击打开的。然后在文件中`require`会报错，提示没有这个包。

先执行`cnpm install lodash`，然后手动删除`cnpm`安装的两个包中其中一个即下划线（非正常名字）的包，剩余的那个包，发现无法通过鼠标点击打开了。然后在文件中`require`会报错，提示没有这个包。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bmh1YXFpYW5nMQ_size_16_color_FFFFFF_t_70 2]

所以，`cnpm`安装的2个模块，两者存在引用关系，正常名字模块是非正常名字模块的索引，两者都必须存在才可以使用。但是`npm`安装下来就不存在这种情况了，因为只有一个正常名字模块。

实测发现，尽管使用`npm`改成淘宝仓库，发现安装速度还是远远比`cnpm`慢（当模块比较多的时候）。应该和`cnpm`安装的文件结构有关系。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bmh1YXFpYW5nMQ_size_16_color_FFFFFF_t_70]: /images/20221005/e4b2f1cee5634d5ba4172a28997c938a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bmh1YXFpYW5nMQ_size_16_color_FFFFFF_t_70 1]: /images/20221005/acc9d5389b0941c28ba28c9cd54716ba.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3N1bmh1YXFpYW5nMQ_size_16_color_FFFFFF_t_70 2]: /images/20221005/023818fd121c4864acf6637dbc4904bb.png