前言

作為Facebook出品的React全家桶的使用者，沒有理由不去試試Facebook最新的包管理器Yarn。

安裝Yarn

windows下安裝方法

前提：不論哪種安裝方法，都需要安裝node.js，具體可以參考這裡[安裝node.js](http://www.jianshu.com/p/0299e8f36976)
- 方法一，下載安裝包：直接下載.msi安裝檔案安裝，下載地址
- 方法二，使用Chocolatey進行安裝：Chocolatey是一個windows下的包管理器，可以通過在命令列下輸入以下命令直接安裝Yarn

choco install yarn
 

這裡直接通過安裝包安裝

預設情況下，Yarn已經配置好環境變數

如果沒有自動配置，在path後手動新增即可（注意前面如果沒有分號要手動加上分號）

在cmd中終端輸入

yarn --version

若提示版本號，則代表安裝成功

開始使用Yarn

Yarn命令

Yarn的使用方式跟npm類似，但命令上還是有所區別

具體語法如下：
- 開始一個新工程

yarn init

• 新增一個依賴

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

• 更新一個依賴

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

• 移除一個依賴

yarn remove [package]

• 安裝package.json中所有的依賴項

yarn

或者

yarn install

實際使用Yarn

讓我們實際使用下吧

初始化工程

新建一個資料夾YarnDemo，將命令列定位到該目錄下，輸入

yarn init

如果不需要將程式碼釋出，這些資訊一路預設回車即可

命令完成後可以看到，根目錄下多了一個package.json檔案；

這樣工程就初始化完成了，可以新增所需要的模組了。

新增依賴

下面試試新增前端最流行的模組載入器兼打包工具webpack
在終端輸入

yarn add webpack

即可看到webpack的安裝過程

值得一提的是，yarn的安裝過程非常“形象”，具體的我截個圖你們感受下…

如果安裝途中出現錯誤，yarn會在工程根目錄下自動生成yarn-error.log檔案，排查問題非常方便

開啟package.json檔案，可以看到自動新增依賴說明，不再像npm那樣需要手動輸入--save-dev，命令更為簡潔

webpack依賴新增完成，是不是很簡單？

以後就可以用yarn新增各種模組，來管理工程的依賴。

更新依賴和移除依賴很簡單，就不多說了

注意：使用yarn或yarn install安裝全部依賴時是根據package.json裡的"dependencies"欄位來決定的

總結

實際體驗過程中，yarn確實要比npm更快速，更簡單。

前端世界日新月異，要及時跟上腳步，用更新更強大的工具能夠讓我們開發者更專注於業務邏輯，更方便的維護和管理程式碼。

所以趕快用起來吧！