比 NPM 更快的套件管理工具 — Yarn

Yarn 與它的貓咪 Logo

今天要介紹一個比 NPM 更快的工具 — Yarn，如果你沒有使用過 NPM，沒聽過它，建議你可以先到另一個文章了解它，認識它：

從零開始: 使用NPM套件

yarn 是大名鼎鼎 Facebook 出產的工具之一，它的出現是為了 解決 npm 下載套件很慢的垢病。如果套件一多，npm install 絕對有感。

安裝 yarn

安裝 yarn 有很多方式，安裝方法清單可到 yarn 官網查看，這邊我們僅使用 npm 來進行安裝。首先不管在何處，下這個指令：

npm install -g yarn

這邊的 -g 指的就是 global，也就是安裝某套件之後，某套件可在任一處直接使用，不只限於專案目錄下使用。

然後一樣我們下個 yarn --version 來查看 yarn 是否灌好了

建立專案並安裝套件

我們一樣先建立一個 demo-project 的資料夾。然後使用 npm init 來取得 package.json

此例以安裝 jquery, bootstrap, react, react-dom, babel-core 做為範例。

用 NPM 安裝

npm install jquery bootstrap react react-dom babel-core --save

用 npm install 安裝套件

差不多要 20 秒才能安裝完畢，如果更多套件那就不用說了，半小時都是有可能的。

用Yarn安裝

這邊要注意我們使用的是 yarn add 它等於使用 npm install --save 只是指令更少而已。

yarn add jquery bootstrap react react-dom babel-core

用 yarn 安裝套件

大約花費4秒左右，而且更有趣的是，如果你之前有安裝過某套件，但之前把它刪除，再安裝一次的話，速度會更快。原因是當我們安裝某套件後， yarn 會幫我們建立快取，以便你下次安裝套件時節省時間。

學習回顧

yarn 的指令大多與 npm 類似，這邊我們做個整理：

• yarn 與 npm install 作用相同。
• yarn add [package] 與 npm install [package] --save 作用相同。
• yarn remove [package] 與 npm uninstall [package] --save 作用相同。

差不多只要會這些指令，即可享受yarn優雅敏捷。