npm 和 Yarn 的区别，Yarn 的使用方法

1.Yarn是什么？

Yarn 是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ，正如官方文档中写的，Yarn 是为了弥补 npm 的一些缺陷而出现的。

npm的缺点

• npm install的时候巨慢。特别是新的项目拉下来要等半天，删除 node_modules，重新 npm install 的时候依旧如此。
• 同一个项目，安装的时候无法保持一致性。由于 package.json 文件中版本号的特点，下面三个版本号在安装的时候代表不同的含义。常常会出现同一个项目，有的同事是OK的，有的同事会由于安装的版本不一致出现bug。

"5.0.3",					// 安装指定的5.0.3版本
"~5.0.3",					// 安装5.0.X中最新的版本
"^5.0.3"					// 安装5.X.X中最新的版本

• 安装的时候，包会在同一时间下载和安装，中途某个时候，一个包抛出了一个错误，但是npm会继续下载和安装包。因为npm会把所有的日志输出到终端，有关错误包的错误信息就会在一大堆npm打印的警告中丢失掉，并且你甚至永远不会注意到实际发生的错误。

带着这些坑，我们来了解 Yarn 的优势及其解决的问题。

2.Yarn的优点？

• 速度快 。速度快主要来自以下两个方面：

1. 并行安装：无论 npm 还是 Yarn 在执行包的安装时，都会执行一系列任务。npm 是按照队列执行每个 package，也就是说必须要等到当前 package 安装完成之后，才能继续后面的安装。而 Yarn 是同步执行所有任务，提高了性能。
2. 离线模式：如果之前已经安装过一个软件包，用 Yarn 再次安装时之间从缓存中获取，就不用像 npm 那样再从网络下载了。

• 安装版本统一：为了防止拉取到不同的版本，Yarn 有一个锁定文件 (lock file) yarn.lock 记录了被确切安装上的模块的版本号。每次只要新增了一个模块，Yarn 就会创建（或更新）yarn.lock 这个文件。这么做就保证了，每一次拉取同一个项目依赖时，使用的都是一样的模块版本。npm 其实也有办法实现处处使用相同版本的 packages，但需要开发者执行 npm shrinkwrap 命令。这个命令将会生成一个锁定文件，在执行 npm install 的时候，该锁定文件会先被读取，和 Yarn 读取 yarn.lock 文件一个道理。npm 和 Yarn 两者的不同之处在于，Yarn 默认会生成这样的锁定文件，而 npm 要通过 shrinkwrap 命令生成 npm-shrinkwrap.json 文件，只有当这个文件存在的时候，packages 版本信息才会被记录和更新。
• 更简洁的输出：npm 的输出信息比较冗长。在执行 npm install 的时候，命令行里会不断地打印出所有被安装上的依赖。相比之下，Yarn 简洁太多：默认情况下，结合了 emoji直观且直接地打印出必要的信息，也提供了一些命令供开发者查询额外的安装信息。
• **多注册来源处理：**所有的依赖包，不管他被不同的库间接关联引用多少次，安装这个包时，只会从一个注册来源去装，要么是 npm 要么是 bower, 防止出现混乱不一致。
• 更好的语义化： yarn改变了一些npm命令的名称，比如 yarn add/remove，感觉上比 npm 原本的 install/uninstall 要更清晰。

3.Yarn 和 npm 命令对比

npm	yarn
npm install	yarn/yarn install
npm install @angular-cli --save	yarn add @angular-cli
npm uninstall @angular-cli --save	yarn remove @angular-cli
npm install @angular-cli --save-dev	yarn add @angular-cli --dev
npm update --save	yarn upgrade
npm install -g @angular-cli --save	yarn global @angular-cli

4.如何安装Yarn

安装教程-Yarn中文网：https://yarn.bootcss.com/docs/install/#mac-stable
macOS 推荐通过 Homebrew 包管理工具 安装 Yarn。 如果你还未安装 Node.js，Homebrew 会自动为你安装。

brew install yarn

更新yarn

brew upgrade yarn

通过如下命令测试 Yarn 是否安装成功：

yarn --version

5.如何使用Yarn

现在 Yarn 已经安装完毕，可以开始使用了。 以下是一些你需要的最常用的命令：

初始化一个新项目

yarn init

添加依赖包

yarn add [package]
yarn add [package]@[version]
yarn add [package]@[tag]

eg:

yarn add bootstrap
yarn add bootstrap@4.5.3
yarn add bootstrap@~4.5.3
yarn add bootstrap@^4.5.3

全局安装、更新、移除依赖包

yarn global add @angular-cli
yarn global upgrade @angular/cli
yarn global remove @angular-cli

注意：yarn global upgrade-interactive —latest可以更新全局的类库成最新的，可以选择所要更新的类，比如用来更新全局@angular/cli

将依赖项添加到不同依赖项类别中

分别添加到 devDependencies、peerDependencies 和 optionalDependencies 类别中：

yarn add [package] --dev
yarn add [package] --peer
yarn add [package] --optional

升级依赖包

yarn upgrade [package]
yarn upgrade [package]@[version]
yarn upgrade [package]@[tag]

移除依赖包

yarn remove [package]

安装项目的全部依赖

yarn

或者

yarn install

6.更换 Yarn 安装源

npm 和 Yarn 默认镜像在国外，国内访问这些镜像速度会比较慢

查看 Yarn 源的当前地址

yarn config get registry
# -> https://registry.yarnpkg.com

如果觉得安装速度慢，安装源和原来 npm 是一样的，可以通用，可以改成 taobao 的源，修改方法如下：

1. 临时修改（只生效一次）

yarn save 包的名字 --registry https://registry.npm.taobao.org/

2. 设置yarn的配置项（全局配置）

yarn config set registry 'https://registry.npm.taobao.org'
# -> yarn config v0.15.0
# -> success Set "registry" to "https://registry.npm.taobao.org".
# -> Done in 0.04s.

然后 yarn install 的速度就快多了

当然你也可以使用第三方软件快速修改、切换 Yarn 的源，yrm 是一个 Yarn源管理器，允许你快速地在yarn源间切换，用法这里不多赘述，想用的同学可自行研究。

参考文章：
https://www.jianshu.com/p/254794d5e741
https://www.jianshu.com/p/98d70bbc93c6