初识 yarn 包管理工具

1. yarn 的介绍

Yarn 官网: https://yarnpkg.com

Yarn 中文网: https://www.yarnpkg.cn

facebook 在 npm 之后又造了一个软件包管理器轮子 yarn，yarn 是为了弥补 npm 的一些缺陷而出现的

2. yarn 的安装

安装 yarn

# 使用 npm 安装 yarn
npm install yarn -g
# mac 用户使用 homebrew 安装 yarn
brew install yarn

更新 yarn 版本

yarn self-update

查看 yarn 版本

yarn -v

3. yarn 的使用

初始化项目

# 有交互界面
yarn init
# 直接生成 package.json，没有交互界面，--yes 也可简写为 -y
yarn init --yes

# 安装项目依赖
yarn install
# 安装依赖
yarn add <package>
yarn add <package> --dev
# 更新依赖
yarn upgrade <package>
# 移除依赖
yarn remove <package>

4. yarn 的缓存

# 查看本地缓存
yarn cache list
# 查看本地缓存存放目录
yarn cache dir
# 清除本地缓存
yarn cache clean

5. yarn 的配置

# 查看配置
yarn config list

配置镜像

yarn config set registry https://registry.npm.taobao.org --global

6. yarn info 查看依赖包

查看依赖包信息

yarn info <package>

7. yarn 和 npm 的区别

yarn 的速度更快:

并行安装: npm 是按照队列执行每一个包，也就是必须等到前面的包安装完后才能继续后面的安装；而 yarn 是并行安装，并行执行所有任务，提高了性能

离线模式: 如果以前已经安装过一个包，再次安装 yarn 会从缓存中读取。而 npm5 以前没有缓存，当执行安装时，则从网络下载，直到 npm5 开始才有缓存

安装版本统一:

为了防止不同时间安装依赖时拉取到不同的版本，yarn 有一个版本锁定文件 yarn.lock，记录了安装的依赖包的具体版本号。npm 也有版本实现统一版本号，但是需要执行 npm shrinkwrap

更简洁的输出：

npm 安装依赖时命令行会不断地打印出所有被安装上的依赖啊，相比之下，yarn 简洁很多，默认只打印出必要的信息

更好的语义化:

yarn 改变了一些 npm 的命令名称

# 安装依赖
npm install webpack
yarn add webpack
# 安装依赖
npm uninstall webpack
yarn remove webpack