前阵子，Facebook 开源了一款新的 Node.js 包管理器 —- Yarn，用来替代 NPM ，一时间引起了不少议论。有人认为这是重复在“造轮子”；有人跃跃欲试却浅尝辄止；有人却更多地关注 Yarn 给前端开发者带来的哪些好处，比如说网络速度。不管别人怎么看、怎么议论，也永远是道听途说，要想更深入地了解 Yarn，还是得自己亲自去试一试，毕竟实践是最有发言权的，不是吗？

废话呢，就不多说了，直接进入主题。今天就来认识一下它，作为菜鸟的我，（wen）水（cai）平（hen）有（shui）限，写的不对的地方，欢迎指正。😝

yarn-kitten-full

Yarn 是什么

Yarn 是 Node.js 代码的包管理器（类似 NPM ）。 它允许你使用世界各地开发人员开发的代码，当然也可以共享你的代码。 Yarn 的优点是速度快，同时可以做到安全，可靠这一点，所以你不必担心。Yarn 允许你使用其他开发人员的解决方案来解决不同的问题，使你更容易开发自己的产品。因为，Yarn 令开发者可以更加迅捷和从容地享受前人栽种的果实，进而集中精力打造自己的产品 —- 这才是更加重要的事情。

在使用 Yarn 时，开发者们还像以前一样从 NPM 仓库那里获取资源，但安装速度更快，不同的机器的安装结果完全一致，甚至还可以在安全的离线环境中使用。代码通过称为包（有时称为模块）的东西共享。 包包含所有共享的代码以及描述包的package.json文件。

在Facebook，Yarn 作为 NPM 的替代物以解决随着代码体积的不断增长和团队规模的不断壮大，在一致性、安全性和性能方面遇到的问题，现在以开源的方式发布这个成果，它是由 Exponent、 Google、Tilde 与 Facebook 合作完成的。

安装

在使用 Yarn 之前，需要先在你的系统上安装 Yarn。Yarn 提供各种平台的安装包，无论你是使用 Mac、Windows 还是 Linux，甚至 Unix，都可以安装 Yarn。这里给大家介绍两种常用的系统安装 Yarn， Mac 和 Windows。

Mac OS

首先，你的电脑上得先安装 Node.js，如果没有没有安装，请去Node.js 官网下载自行安装。

  • Homebrew

Homebrew（http://brew.sh/），是 Mac 上强烈推荐的套件管理器，你可以通过 Homebrew 安装 Yarn，同时也可以通过 Homebrew 安装 Node。

1
2
brew update
brew install
  • 设置路径

您将需要在终端中设置PATH环境变量，以便全局访问Yarn的二进制文件。

在你的配置文件（如 .profile, .bashrc, .zshrc等）里面加上 export PATH="$PATH:$HOME/.yarn/bin"。

最后测试一下，Yarn 是否已经安装成功。

1
yarn --version

Windows

Windows 安装 Yarn 可以通过以下两种方法安装。

  • 第一种，可以直接下载安装程序

Yarn 官网提供 .msi 安装文件供 Windows 用户进行下载安装。同样，你在安装 Yarn 之前，要先保证你已经安装了 Node.js。Yarn for Windows 最新安装包下载链接如下：

Download Installer

  • 第二种，通过 Chocolatey 安装

Chocolatey 是 Windows 的包管理器，您可以按照这些说明安装 Chocolatey 。

好了，安装完了 Chocolatey 之后就开始安装 Yarn 吧，在控制台里面输入以下命令：

1
choco install yarn
  • 路径设置

您将需要在终端中设置PATH环境变量，以便全局访问Yarn的二进制文件。将 set PATH =％PATH％; C：\。yarn \ bin 添加到您的 shell 环境中。

用 NPM 的方式去安装 Yarn

这就很尴尬了

这就很尴尬了，想要取代别人，却要通过别人安装，难道这就是传说中的青出于蓝而胜于蓝。😝虽然，这很尴尬，但比 Yarn 官网提供的那些安装方法真是爽的要死，另外，在我也是通过这种方式安装的，哎😌。来吧，我们开始通过 NPM 安装 Yarn吧。

1
npm install -g yarn

Mac 上安装成功截图如下：

Mac OS

Windows 上安装截图如下：

Windows

Windows

使用

Yarn 的使用很简单，虽然和 NPM 相似，但是又有所区别。

  • 初始化新项目
1
yarn init
  • 下载依赖包
1
2
3
yarn add [package]
yarn add [package]@[version]
yarn add [package]@[tag]
  • 更新依赖包
1
2
3
yarn upgrade [package]
yarn upgrade [package]@[version]
yarn upgrade [package]@[tag]
  • 删除依赖包
1
yarn remove [package]
  • 下载项目所有的依赖包
1
yarn       # or yarn install

NPM vs Yarn 速查表

你需要知道的

  • npm install === yarn install 关键字可以省略。

  • npm install react --save === yarn add react React 包信息立即保存到你的package.json中。

  • npm uninstall react --save === yarn remove react --save 可以通过npm config set save true 在NPM中默认设置，但这对大多数开发人员来说是不明显的。 从package.json 中添加和删除是Yarn中的默认值。

  • npm install react --save-dev === yarn add react --dev

  • npm update react --save === yarn upgrade react
    强烈建议用 upgrade 来替代 update，因为这更能体现版本号变更。

  • npm install react --global === yarn global add react 对于全局安装，我们都会很谨慎。

你已经知道的

  • npm init === yarn init
  • npm link === yarn link
  • npm outdated === yarn outdated
  • npm publish === yarn publish
  • npm run === yarn run
  • npm cache clean === yarn cache clean
  • npm login === yarn login (and logout)
  • npm test === yarn test

Yarn 拥有，NPM 没有

  • yarn licenses — 允许您检查依赖项的许可证。
  • yarn licenses generate — 自动创建许可证依赖性免责声明。
  • 支持 Emojis
  • 支持速度滚动条
  • 自动生成 lock 文件（.lock 保存所有依赖包的版本信息）
  • 为安全而生

NPM 拥有，Yarn 没有

  • npm xmas
  • npm visnup

以下载 React 为例，实践一下

yarn react

参考