npm--命令

﹏ヽ暗。殇╰゛Y 2022-11-21 11:24 251阅读 0赞

原文网址：[npm--命令\_IT利刃出鞘的博客-CSDN博客][npm--_IT_-CSDN]

# 简介 #

**说明**

本文介绍npm的使用及常用命令。

**npm介绍**

*  npm 全称为 node package manager, 即 node的包管理器。
 *  npm 是 Node.js 官方提供的包管理工具，他已经成了 Node.js 包的标准发布平台，用于 Node.js 包的发布、传播、依赖控制。
 *  npm 提供了命令行工具，使你可以方便地下载、安装、升级、删除包，也可以让你作为开发者发布并维护包。

**官网**

[npm 中文文档][npm]

**作用**

*  允许用户从 npm 服务器下载别人编写的第三方包到本地使用。
 *  允许用户从 npm 服务器下载并安装别人编写的命令行程序到本地使用。
 *  允许用户将自己编写的包或命令行程序上传到 npm 服务器供别人使用。

npm 的背后，是基于 couchdb 的一个数据库，详细记录了每个包的信息，包括作者、版本、依赖、授权信息等。它的一个很重要的作用就是：将开发者从繁琐的包管理工作（版本、依赖等）中解放出来，更加专注于功能的开发。

**下载与安装**

Node.js集成了npm。安装了Node.js，npm也安装好了.

node.js安装方法

1.  下载：[node.js官网下载][node.js] 傻瓜式安装
2.  检查是否安装成功：node -v; npm -v

npm的更新频率比Node.js高很多，上面安装的npm可能不是最新版本，可以通过下面的命令单独更新npm：

npm install npm@latest -g

# 其他命令 #

## 技巧 ##

**参数**

<table> 
 <tbody> 
 <tr> 
 <td style="width:134px;">参数</td> 
 <td>作用</td> 
 </tr> 
 <tr> 
 <td style="width:134px;"> -v //--verbose </td> 
 <td> 打印详细信息。例如：npm install xxx -v </td> 
 </tr> 
 </tbody> 
</table>

**命令用法**

<table> 
 <tbody> 
 <tr> 
 <td style="width:134px;">说明</td> 
 <td>详述</td> 
 </tr> 
 <tr> 
 <td style="width:134px;">安装后执行</td> 
 <td> 示例： npm i -D webpack ./node_modules/.bin/webpack -v 或者：npm i -D webpack`npm bin`/webpack -v </td> 
 </tr> 
 </tbody> 
</table>

## 查看 ##

**帮助信息**

<table> 
 <tbody> 
 <tr> 
 <td style="width:146px;">命令</td> 
 <td style="width:182px;">作用</td> 
 <td style="width:536px;">描述</td> 
 </tr> 
 <tr> 
 <td style="width:146px;">npm help &lt;term&gt;</td> 
 <td style="width:182px;"> 显示&lt;term&gt;信息。 网页形式打开，全到让你无法呼吸 </td> 
 <td style="width:536px;">示例：npm help install</td> 
 </tr> 
 <tr> 
 <td style="width:146px;">npm help npm</td> 
 <td style="width:182px;">查看总览信息</td> 
 <td style="width:536px;"></td> 
 </tr> 
 <tr> 
 <td style="width:146px;">npm &lt;cmd&gt; -h</td> 
 <td style="width:182px;">cmd的帮助信息</td> 
 <td style="width:536px;">简短信息</td> 
 </tr> 
 <tr> 
 <td style="width:146px;">npm -l</td> 
 <td style="width:182px;">显示所有帮助信息</td> 
 <td style="width:536px;"></td> 
 </tr> 
 </tbody> 
</table>

**查看**

<table> 
 <tbody> 
 <tr> 
 <td style="width:142px;">命令</td> 
 <td style="width:68px;">作用</td> 
 <td style="width:514px;">描述</td> 
 </tr> 
 <tr> 
 <td style="width:142px;"> npm config list -l </td> 
 <td style="width:68px;">查看配置</td> 
 <td style="width:514px;"></td> 
 </tr> 
 <tr> 
 <td style="width:142px;"> npm get xxx //即：npm config get xxx </td> 
 <td style="width:68px;">查看某项配置</td> 
 <td style="width:514px;">示例：npm get registry</td> 
 </tr> 
 <tr> 
 <td style="width:142px;">npm bin</td> 
 <td style="width:68px;">显示bin目录</td> 
 <td style="width:514px;">显示相对于当前目录的，Node 模块的可执行脚本所在的目录（即 .bin 目录）。</td> 
 </tr> 
 </tbody> 
</table>

## **增删改** ##

**设置**

<table> 
 <tbody> 
 <tr> 
 <td style="width:129px;">命令</td> 
 <td style="width:68px;">作用</td> 
 <td style="width:472px;">描述</td> 
 </tr> 
 <tr> 
 <td style="width:129px;"> npm set //即：npm config set </td> 
 <td style="width:68px;">配置</td> 
 <td style="width:472px;"> 类似git，npm也可简的配置设置常用信息，下次npm init时，就会用配置默认信息了。 npm set init.author.name "xxx" npm set init.author.email "yyy" </td> 
 </tr> 
 </tbody> 
</table>

**其他**

<table> 
 <tbody> 
 <tr> 
 <td style="width:128px;">命令</td> 
 <td style="width:146px;">作用</td> 
 <td style="width:585px;">描述</td> 
 </tr> 
 <tr> 
 <td style="width:128px;">npm cache clear</td> 
 <td style="width:146px;">清空NPM本地缓存</td> 
 <td style="width:585px;"></td> 
 </tr> 
 </tbody> 
</table>

# 包的安装 #

**用法**

<table> 
 <tbody> 
 <tr> 
 <td style="width:251px;"> 命令 </td> 
 <td style="width:103px;"> 作用 </td> 
 <td style="width:295px;"> 详述 </td> 
 </tr> 
 <tr> 
 <td style="width:251px;"> npm install &lt;pkg&gt;&nbsp; &nbsp; &nbsp; //同义词：i, isntall, add </td> 
 <td style="width:103px;"> 安装pkg包 </td> 
 <td style="width:295px;"> &nbsp; &nbsp; &nbsp; &nbsp; 先下载pkg，然后下载pkg的packages.json里的dependencies、devDependencies等表示的依赖项。 &nbsp; &nbsp; &nbsp; &nbsp; 如果执行命令时所在的路径里有packages.json，则会将此依赖加入到其dependencies。 </td> 
 </tr> 
 <tr> 
 <td style="width:251px;"> npm install pkg1 pkg2 </td> 
 <td style="width:103px;"> 安装多个包 </td> 
 <td style="width:295px;"> </td> 
 </tr> 
 <tr> 
 <td style="width:251px;"> npm install git://github.com/package/path.git </td> 
 <td style="width:103px;"> 从git下载安装 </td> 
 <td style="width:295px;"> </td> 
 </tr> 
 <tr> 
 <td style="width:251px;"> npm install sax@latest npm install sax@0.1.1 npm install sax@"&gt;=0.1.0 &lt;0.2.0" </td> 
 <td style="width:103px;"> 指定版本号 </td> 
 <td style="width:295px;"> 默认安装最新版本，如果要安装模块的特定版本，可以在模块名后面加上 @&nbsp;和版本号。 </td> 
 </tr> 
 </tbody> 
</table>

**参数**

<table> 
 <tbody> 
 <tr> 
 <td style="width:108.75pt;"> 参数 </td> 
 <td style="width:159.75pt;"> 说明 </td> 
 <td style="width:366.75pt;"> 详述 </td> 
 </tr> 
 <tr> 
 <td style="width:108.75pt;"> -f/--force </td> 
 <td style="width:159.75pt;"> 强制安装。 不管是否安装过都重新安装。 </td> 
 <td style="width:366.75pt;"> 安装前，npm install 会先检查node_modules目录之中是否已经存在指定模块。如果存在，就不再重新安装了，即使远程仓库已经有了一个新版本，也是如此。 </td> 
 </tr> 
 <tr> 
 <td style="width:108.75pt;"> -g/--global </td> 
 <td style="width:159.75pt;"> 全局安装 </td> 
 <td style="width:366.75pt;"> 详见下方：“本地安装/全局安装” </td> 
 </tr> 
 <tr> 
 <td style="width:108.75pt;"> -P/--save-prod //原来：-S/--save </td> 
 <td style="width:159.75pt;"> 模块名添加到生产阶段依赖： dependencies </td> 
 <td style="width:366.75pt;"> 模块名添加到packages.json 文件的dependencies项。 如果执行命令时所在的路径里有packages.json，不指定此参数也会将此依赖加入到其dependencies。 </td> 
 </tr> 
 <tr> 
 <td style="width:108.75pt;"> -D/--save-dev </td> 
 <td style="width:159.75pt;"> 模块名添加到开发阶段依赖：devDependencies </td> 
 <td style="width:366.75pt;"> 模块名添加到packages.json 文件的devDependencies项。 </td> 
 </tr> 
 <tr> 
 <td style="width:108.75pt;"> -O|--save-optional </td> 
 <td style="width:159.75pt;"> 模块名添加到 optionalDependencies </td> 
 <td style="width:366.75pt;"> 模块名添加到packages.json 文件的optionalDependencies项。 //目前不知道这个的作用 </td> 
 </tr> 
 <tr> 
 <td style="width:108.75pt;"> -E/--save-exact </td> 
 <td style="width:159.75pt;"> 精确安装指定版本的模块 </td> 
 <td style="width:366.75pt;"> 用此选项后dependencies字段里每个模块版本号前面的^不见了。 </td> 
 </tr> 
 <tr> 
 <td style="width:108.75pt;"> --dry-run </td> 
 <td style="width:159.75pt;"> 只运行命令，并不实际安装 </td> 
 <td style="width:366.75pt;"> </td> 
 </tr> 
 </tbody> 
</table>

**本地安装/全局安装**

如果你希望具备本地安装和全局安装功能，则需要在两个地方安装它或使用 npm link。

**本地安装**

命令：npm install <Module Name> 
说明：

1.  会将安装包放在 ./node\_modules 下（运行 npm 命令时所在的目录），如果没有 node\_modules 目录，会在当前执行 npm 命令的目录下生成 node\_modules 目录。
2.  可以通过 require() 来引入本地安装的包。

**全局安装**

命令：npm install <package> -g 
说明：

1.  默认放到用户目录下。可以通过npm get prefix查看安装位置  
    默认位置linux: /usr/local windows: C:\\Users\\xxx\\AppData\\Roaming\\npm
2.  可以直接在命令行里使用。

**全局安装时安装到指定位置的方法**

法1：修改配置

创建node\_cache与node\_global文件夹，然后设置 全局安装位置

npm set cache D:\ST\nodejs\node_cache
    npm set prefix D:\ST\nodejs\node_global

法2：安装时指定位置

npm install --prefix ./install/here <package>

# 包的其他操作 #

## **增删改** ##

<table> 
 <tbody> 
 <tr> 
 <td style="width:125.25pt;"> 命令 </td> 
 <td style="width:60pt;"> 作用 </td> 
 <td style="width:464.25pt;"> 描述 </td> 
 </tr> 
 <tr> 
 <td style="width:125.25pt;"> npm uninstall &lt;pkg&gt; </td> 
 <td style="width:60pt;"> 卸载包 </td> 
 <td style="width:464.25pt;"> 同义词：remove, rm, r, un, unlink npm uninstall [&lt;@scope&gt;/]&lt;pkg&gt;[@&lt;version&gt;]... [-S|--save|-D|--save-dev|-O|--save-optional] 参数的含义与npm install一致。 </td> 
 </tr> 
 <tr> 
 <td style="width:125.25pt;"> npm update &lt;pkg&gt; [-g] </td> 
 <td style="width:60pt;"> 更新包 </td> 
 <td style="width:464.25pt;"> npm update用的比较少，不如直接npm install 来的方便 </td> 
 </tr> 
 </tbody> 
</table>

## **查看** ##

<table> 
 <tbody> 
 <tr> 
 <td style="width:198pt;"> 命令 </td> 
 <td style="width:202.5pt;"> 作用 </td> 
 <td> 描述 </td> 
 </tr> 
 <tr> 
 <td style="width:198pt;"> npm root [pkg] [-g] </td> 
 <td style="width:202.5pt;"> 查看包安装路径 </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td style="width:198pt;"> npm search &lt;pkg&gt; [-g] </td> 
 <td style="width:202.5pt;"> 搜索包 </td> 
 <td> </td> 
 </tr> 
 <tr> 
 <td style="width:198pt;"> npm list [pkg] [-g] </td> 
 <td style="width:202.5pt;"> 列出包。同义词：list, la, ll 选项： &nbsp; &nbsp; parseable=true&nbsp; &nbsp; //目录的形式来展现当前安装的所有node包 </td> 
 <td> 例1：列出顶层所有全局安装过的包 npm list -g --depth=0 </td> 
 </tr> 
 <tr> 
 <td style="width:198pt;"> npm info [&lt;pkg&gt;] [-g] </td> 
 <td style="width:202.5pt;"> 查看包信息。 </td> 
 <td> 例:npm info express [author]&nbsp; //后边可直接跟package.json的键 </td> 
 </tr> 
 <tr> 
 <td style="width:198pt;"> npm view &lt;pkg&gt; [&lt;labelName&gt;] [-g] </td> 
 <td style="width:202.5pt;"> 查看包的package.json。同义词：v 指定labelName可查看标签内容。 </td> 
 <td> 查看thrift所有版本： npm view thrift versions&nbsp; //或者npm view thrift@* version </td> 
 </tr> 
 <tr> 
 <td style="width:198pt;"> npm outdated [&lt;pkg&gt;] [-g] </td> 
 <td style="width:202.5pt;"> 查看过时的包 </td> 
 <td> </td> 
 </tr> 
 </tbody> 
</table>

## **发布包** ##

<table> 
 <tbody> 
 <tr> 
 <td style="width:107.25pt;"> 命令 </td> 
 <td style="width:110.25pt;"> 作用 </td> 
 <td style="width:409.5pt;"> 描述 </td> 
 </tr> 
 <tr> 
 <td style="width:107.25pt;"> npm adduser </td> 
 <td style="width:110.25pt;"> 获得用户名 </td> 
 <td style="width:409.5pt;"> 要根据提示操作。可加--registry xxx 加快速度 </td> 
 </tr> 
 <tr> 
 <td style="width:107.25pt;"> npm whoami </td> 
 <td style="width:110.25pt;"> 检测是否已取得账号 </td> 
 <td style="width:409.5pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:107.25pt;"> npm publish&nbsp; </td> 
 <td style="width:110.25pt;"> 发布包 </td> 
 <td style="width:409.5pt;"> 将包发布到<a href="https://www.npmjs.com/" title="npm" rel="nofollow">npm</a>。(稍后可在此网站看到自己的包） &nbsp; &nbsp; //不能发布npm中已经存在的包。 &nbsp; &nbsp; //npm publish --tag beta&nbsp; &nbsp;可以添加tag。 &nbsp; &nbsp; //此时，可以用任意一台计算机npm install xxx 获得自己的包。 </td> 
 </tr> 
 <tr> 
 <td style="width:107.25pt;"> npm unpublish </td> 
 <td style="width:110.25pt;"> 撤销发布 </td> 
 <td style="width:409.5pt;"> npm unpublish packageName/[&lt;package&gt;@&lt;version&gt;] --force &nbsp; &nbsp; //只有在发包的24小时内才允许撤销发布的包 &nbsp; &nbsp; //即使撤销了发布的包，发布时也不能再和被撤销的包的名称和版本重复了 </td> 
 </tr> 
 </tbody> 
</table>

## **关联包** ##

**其他网址**

[npm link的基本用法及实例\_justforuse的博客-CSDN博客][npm link_justforuse_-CSDN]

<table> 
 <tbody> 
 <tr> 
 <td style="width:120px;">命令</td> 
 <td style="width:112px;">作用</td> 
 <td style="width:633px;">描述</td> 
 </tr> 
 <tr> 
 <td style="width:120px;"> npm link </td> 
 <td style="width:112px;">创建本地包与全局包链接</td> 
 <td style="width:633px;"> 将全局的包链接到本地 &nbsp; &nbsp; 全局模式安装的包不能直接通过 require 使用，但通过 npm link 命令可以打破这一限制。 &nbsp; &nbsp; 示例：npm install -g express 安装&nbsp;express，在express包目录下运行命令： npm link express ./node_modules/express -&gt; /user/local/lib/node_modules/express 此时，在 node_modules 子目录中发现一个指向安装到全局的包的符号链接。 将本地的包链接到全局 &nbsp; &nbsp; 使用方法：在包目录（package.json 所在目录）中运行 npm link 命令。如果我们要开发一个包，利用这种方法可以非常方便地在不同的工程间进行测试。 &nbsp; &nbsp; 如果在outer 包目录(此包有package.json)下面有两个包package1 和package2，在package2 目录下执行 npm link命令，则会link outer 这个包 ， 而不是package2:heavy_exclamation_mark: (它会link最外层包) &nbsp; &nbsp; 解决办法,先把最外层的package.json改为 package.json-xxx, &nbsp;然后在内层包进行npm link, 然后再改回原来名字。如果link有改动,需要重新npm start.否则缓存的是原来的文件 （或者尝试先将 import 语句注释掉,然后再import来解决） </td> 
 </tr> 
 <tr> 
 <td style="width:120px;">npm unlink</td> 
 <td style="width:112px;">解除关联</td> 
 <td style="width:633px;"> 解除项目与模块的依赖：在项目目录下执行npm unlink packageName 全局环境移除allenModule95模块链接：在该模块目录下执行npm unlink allenModule95即可 </td> 
 </tr> 
 </tbody> 
</table>

**实例**

自己开发一个依赖包，在多个项目中使用它，可直接发布到官网，但修改会非常麻烦，且不利于在多个项目中使用。可使用npm link解决。本处假设我们开发一个名为allenModule95的依赖包。

**不使用npm link时**

1.在该依赖包下运行npm init命令，并编写index.js文件。

module.exports = {
        name: "allenModule95Name",
        sayHello: function(){
            console.log("hello allenModule95");
        }
    }

2. myProject目录下编写demo.js文件

var myModule = require("allenModule95");
    
    console.log(myModule.name);
    myModule.sayHello();

3. 运行node demo //报错，allenModule95模块找不到，因为此时的require搜寻目录没有包含此模块。

**使用npm link**

1. 切换到allenModule95目录下，执行npm link。作用：在全局环境下，生成一个符号链接文件，该文件的名字就是package.json文件中指定的模块名，同时我们对此模块的修改会实时反馈在全局目录下。

2. 切换到myProject目录下，执行npm link allenModule95。作用：将自定义的模块与此项目连接起来。

3. 执行：node demo //成功打印出如下内容

allenModule95
    hello allenModule95

**总结**

*  如此，我们可以在任何目录下使用该模块，并且一处修改，处处改变，节省了同步依赖包的步骤。
 *  如果想解除项目与模块的依赖则可以在项目目录下执行npm unlink allenModule95即可。
 *  如果想要从全局环境移除allenModule95模块链接，则可以在该模块目录下执行npm unlink allenModule95即可。

# 运行 #

<table> 
 <tbody> 
 <tr> 
 <td style="width:111px;">命令</td> 
 <td style="width:95px;">作用</td> 
 <td style="width:458px;">描述</td> 
 </tr> 
 <tr> 
 <td style="width:111px;"> npm run </td> 
 <td style="width:95px;">查看命令</td> 
 <td style="width:458px;">列出 package.json 里scripts里的脚本命令。等同于npm run-script</td> 
 </tr> 
 <tr> 
 <td style="width:111px;"> npm run xx //简: npm xx </td> 
 <td style="width:95px;">运行命令</td> 
 <td style="width:458px;">运行package.json中scripts的命令。</td> 
 </tr> 
 <tr> 
 <td style="width:111px;"> &amp;&amp; </td> 
 <td style="width:95px;">先后运行</td> 
 <td style="width:458px;">npm run build-js &amp;&amp; npm run build-css&nbsp; &nbsp;//先运行 npm run build-js ，再运行 npm run build-css</td> 
 </tr> 
 <tr> 
 <td style="width:111px;">&amp;</td> 
 <td style="width:95px;">同时运行</td> 
 <td style="width:458px;">npm run build-js &amp;&nbsp;npm run build-css&nbsp; &nbsp;//同时运行 npm run build-js 与 npm run build-css</td> 
 </tr> 
 <tr> 
 <td style="width:111px;"> pre- / post- </td> 
 <td style="width:95px;"> 前后运行 </td> 
 <td style="width:458px;"> &nbsp; &nbsp; npm run 为每条命令提供了 pre- 和 post- 两个钩子（hook）。 &nbsp; &nbsp; 以 npm run lint 为例，执行此命令前，npm 会先查看有没有定义 prelint 和 postlint 两个钩子，如果有的话，就会先执行 npm run prelint，然后执行 npm run lint，最后执行 npm run postlint。如果执行过程出错，就不会执行排在后面的脚本，即如果 prelint 脚本执行出错，就不会接着执行 lint 和 postlint 脚本。 </td> 
 </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
 <tr> 
 <td style="width:146px;">命令</td> 
 <td style="width:182px;">作用</td> 
 <td style="width:536px;">详述</td> 
 </tr> 
 <tr> 
 <td style="width:146px;">npm run build</td> 
 <td style="width:182px;">编译</td> 
 <td style="width:536px;">会将src的内容编译到dist中</td> 
 </tr> 
 <tr> 
 <td style="width:128px;">npm run env</td> 
 <td style="width:146px;">打印环境变量</td> 
 <td style="width:585px;">示例：npm run env | grep npm_</td> 
 </tr> 
 </tbody> 
</table>

# 初始化 #

**其他网址**

[npm init丨阿西河][npm init]

npm help init

**参数**

同义词：create, innit

选项

\-f/--force：强制  
\-y/--yes：全部回答是

**用法**

**新的方法**

npm init <initializer>

示例：

<table> 
 <tbody> 
 <tr> 
 <td style="width:250px;">命令</td> 
 <td style="width:548px;">说明</td> 
 </tr> 
 <tr> 
 <td style="width:250px;">npm init react-app ./my-react-app</td> 
 <td style="width:548px;">使用create-react-app创建一个基于 React 的项目 my-react-app</td> 
 </tr> 
 <tr> 
 <td style="width:250px;"> mkdir my-esm-lib &amp;&amp; cd my-esm-lib npm init esm -y </td> 
 <td style="width:548px;">使用 create-esm 创建一个新的兼容软件包</td> 
 </tr> 
 </tbody> 
</table>

**旧的方法**

npm init \[-y\]

**npm init <initializer>**

上边npm init react-app ./my-react-app这种就属于npm init <initializer>。

npm init <initializer>可以用来设置一个新的或者已经存在的npm包。npm会把initializer前边附加一个create-，变为：create-<initializer>，然后把create-<initializer>从远程下载下来并执行它的main bin。一般情况下，create-<initializer>的main bin会创建或者更新package.json，然后运行一些初始化操作。

npm init会被转化成这样的命令：

*  npm init foo -> npx create-foo
 *  npm init @usr/foo -> npx @usr/create-foo
 *  npm init @usr -> npx @usr/create

以vue init webpack my-project为例，实际执行的命令是：npx create-webpack my-project。

当initializer不存在的时候（也就是运行npm init），init将退化为原始操作：问你一系列问题，然后将内容写入package.json（当然可以通过-y参数来跳过）。

# version #

**简介**

一个npm包从诞生开始,代码库会不断地迭代。可以参考react的[CHANGELOG][]， 我们可以用 npm version命令, 而不是手动地去更改 package.json文件。

**命令**

**实例**

*  假如当前包的版本号是1.0.5
 *  npm version 1.0.5-beta17 "version": "1.0.5" => "version": "1.0.5-beta17"  
    明确指定需要更新到的版本号, 开发阶段,一般用alpha, beta, rc
 *  npm version **prerelease** "version": "1.0.5" => "version": "1.0.5-2"  
    基于现在版本的先行版本
 *  npm version **patch** "version": "1.0.5" => "version": "1.0.6"  
    Fix bug, 小改动 ，仍向后兼容
 *  npm version **minor** "version": "1.0.5" => "version": "1.1.0"  
    增加新特性，仍向后兼容
 *  npm version **major** "version": "1.0.5" => "version": "2.0.0"  
    大改动，大版本，无法向后兼容
 *  npm version **premajor** "version": "1.0.5" => "version": "v2.0.0-0"  
    大改动，大版本的先行版本，无法向后兼容。所有的 npm version pre(xxx)命令都会是一个先行版本, 会在版本号后面 多出 -n,代表这不是一个正式版本.

# 镜像 #

**简介**

默认配置从npm官网（国外网站）下载模块时，下载速度特别慢。官网网址：[https://registry.npmjs.org/][https_registry.npmjs.org]

**解决方法**

1.使用国内镜像  
2.使用cnpm（淘宝的国内npm工具）

**国内镜像**

**法1：直接配置，以后不需加--registry参数**

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

验证是否配置成功：

npm config get registry

**法2：安装包时指定镜像地址**

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

**国内镜像大全**

淘宝

[NPM镜像-NPM下载地址-NPM安装教程-阿里巴巴开源镜像站][NPM_-NPM_-NPM_-]

**cnpm**

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

以后就可以直接使用cnpm代替npm。

或者直接通过添加 npm 参数 alias 一个新命令:

alias cnpm="npm --registry=https://registry.npm.taobao.org \
    --cache=$HOME/.npm/.cache/cnpm \
    --disturl=https://npm.taobao.org/dist \
    --userconfig=$HOME/.cnpmrc"
    
    # Or alias it in .bashrc or .zshrc
    $ echo '\n#alias for cnpm\nalias cnpm="npm --registry=https://registry.npm.taobao.org \
      --cache=$HOME/.npm/.cache/cnpm \
      --disturl=https://npm.taobao.org/dist \
      --userconfig=$HOME/.cnpmrc"' >> ~/.zshrc && source ~/.zshrc

# 其他网址 #

[关于 npm 最详细的介绍\_NeverYu-CSDN博客][npm _NeverYu-CSDN]  
[NPM 使用介绍\_山水子农-CSDN博客][NPM _-CSDN]  
[npm使用入门 - 简书][npm_ -]  
[npm使用总结][npm 1]

[npm--_IT_-CSDN]: https://knife.blog.csdn.net/article/details/109409368
[npm]: https://www.npmjs.cn/
[node.js]: https://nodejs.org/en/download/
[npm link_justforuse_-CSDN]: https://blog.csdn.net/u014291497/article/details/75194456
[npm init]: https://www.axihe.com/api/npm/cli/npm-init.html
[CHANGELOG]: https://github.com/facebook/react/blob/master/CHANGELOG.md
[https_registry.npmjs.org]: https://registry.npmjs.org/?spm=a2c6h.14029880.0.0.735975d7IIlSZn
[NPM_-NPM_-NPM_-]: https://developer.aliyun.com/mirror/NPM?from=tnpm
[npm _NeverYu-CSDN]: https://blog.csdn.net/csdn_yudong/article/details/78946708
[NPM _-CSDN]: https://blog.csdn.net/qq_27626333/article/details/52304091
[npm_ -]: https://www.jianshu.com/p/4643a8e43b79
[npm 1]: https://juejin.im/post/6844903638482026504#heading-1