探索npm、cnpm和yarn

我们在使用前端包管理工具时经常见到npm、cnpm和yarn，那么他们之间有什么区别呢？使用方法是怎样的？我们来了解一下。

• npm（Node Package Manager）：npm 是 Node.js 的默认包管理器，用于安装、发布和管理 JavaScript 包。它是一个命令行工具，可以在终端中使用。npm 有一个全球的包仓库，可以从中下载和安装各种 JavaScript 包。
• cnpm（China npm）：cnpm 是 npm 的一个镜像，专门为中国用户提供更快的下载速度。由于 npm 的服务器位于国外，中国用户在使用 npm 时可能会遇到下载速度慢的问题。cnpm 通过将 npm 的包镜像到国内服务器，解决了这个问题。
• yarn：yarn 是由 Facebook 开发的另一个 JavaScript 包管理器。与 npm 不同，yarn 具有更快的下载速度和更稳定的依赖管理。它还引入了一些新的功能，如离线模式、并行安装等。yarn 使用与 npm 相同的包仓库，可以直接使用 npm 的包。

一、npm介绍

npm 全称 Node Package Manager ，翻译为中文意思是『 Node 的包管理工具』

1.1 npm 的安装

node.js 在安装时会 自动安装 npm ，所以如果你已经安装了 node.js ，可以直接使用 npm

可以通过 npm - v 查看版本号测试，如果显示版本号说明安装成功，反之安装失败

• 下载地址：Node.js — 下载 Node.js® (nodejs.org)

1.2 npm 的使用

名称	命令	介绍
初始化	npm init	交互式创建 package.json 文件
安装	npm i / npm install	安装依赖
安装指定版本包	npm i jquery@1.11.2	安装包后加上@版本号
全局安装	npm i -g 包名称	可以在命令行的任何位置运行 命令
删除依赖	npm remove 包名称	删除某些不需要的包
全局删除	npm remove -g  包名称	全局删除

二、cnpm介绍

• cnpm 是一个淘宝构建的 npmjs.com 的完整镜像，也称为『淘宝镜像』，网址https://npmmirror.com/
• cnpm 服务部署在国内 阿里云服务器上 ， 可以提高包的下载速度
• 官方也提供了一个全局工具包 cnpm ，操作命令与 npm 大体相同

2.1 安装

我们可以通过 npm 来安装 cnpm 工具

npm install -g cnpm --registry=https://registry.npmmirror.com

2.2 操作命令

名称	命令
初始化	cnpm init / cnpm init
安装包	cnpm i uniq cnpm i -S uniq cnpm i -D uniq cnpm i -g nodemon
安装项目依赖	cnpm i
删除	cnpm r uniq

2.3 npm 配置淘宝镜像

用 npm 也可以使用淘宝镜像，配置的方式有两种

• 直接配置
• 工具配置

2.4 直接配置

执行如下命令即可完成配置

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

2.5 工具配置

使用 nrm 配置 npm 的镜像地址 npm registry manager

1. 安装 nrm

npm i -g nrm

2. 修改镜像

nrm use taobao

3. 检查是否配置成功（选做）

npm config li

检查 registry 地址是否为 https://registry.npmmirror.com/ , 如果 是 则表明成功

三、yarn介绍

yarn 是由 Facebook 在 2016 年推出的新的 Javascript 包管理工具，官方网址： https://yarnpkg.com/， yarn 官方宣称的一些特点：

• 速度超快：yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快
• 超级安全：在执行代码之前，yarn 会通过算法校验每个安装包的完整性
• 超级可靠：使用详细、简洁的锁文件格式和明确的安装算法，yarn 能够保证在不同系统上无差异的 工作

4.3 yarn 安装

我们可以使用 npm 安装 yarn

npm i -g yarn

4.4 yarn 常用命令

名称	命令
初始化	yarn init / yarn init -y
安装包	yarn add uniq 生产依赖 yarn add less --dev 开发依赖 yarn global add nodemon 全局安装
安装项目依赖	yarn
删除	yarn remove uniq 删除项目依赖包 yarn global remove nodemon 全局删除包

4.5 yarn 配置淘宝镜像

可以通过如下命令配置淘宝镜像

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

可以通过 yarn config list 查看 yarn 的配置项