1、什麼是yarn

很多人熟悉npm，但是很少的人熟悉yarn，yarn可以說是一款高速的受BSD開源協議保護的依賴管理器，使用它可以根據演算法計算下載依賴的完整性來執行對應的程式碼，其中文官網為：https://yarn.bootcss.com/ 有興趣可以仔細參閱。

2、安裝yarn

2.1、常規node安裝

npm install -g yarn   ||   cnpm install -g yarn 

根據國內的網路情況，npm源上的yarn很難下載下來，此類安裝安全性以及穩定性無法保證，其根源在於npm在執行時node會根據當前作業系統的管理員校驗使用許可權的sha1或者sha256驗籤，而npm本身基本的sha1驗籤都沒有，這樣很難保證yarn程式本身的穩定。推薦匯入cnpm源過後，進行cnpm下載yarn，強調一下配置cnpm：

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.2、平臺依賴程式安裝
windows平臺這裡參考官網，請點選此連結
關於Chocolatey博主不再贅述，這裡推薦通過下載msi檔案自行安裝。

3、配置path

以vue-cli為例子，在執行 yarn global add vue-cli過後，其安裝包正常下載，輸入yarn global list會出現圖示顯示：

圖示.png
也就是說，vue實際上在yarn的依賴裡。但是此時我們輸入vue結果提示：“vue”不是內部或外部命令，也不是可執行的程式或批處理檔案。此時我們需要進行path配置：
3.1、輸入yarn global dir會顯示如圖所示：
顯示global路徑.png

3.2、在資源管理器輸入此地址找到global目錄

找到此目錄.png

3.3、以此資訊找到yarn資源根目錄

yarn根目錄.png

3.3【更新】現版本更新過後目錄發生了改變：
C:\Users\yourUserName\AppData\Local\Yarn\Data\global\node_modules\.bin
在path 中記得重新配置此path 否則現在沒有辦法使用yarn 安裝的各類包

3.4、目錄結構很熟悉，和npm差不多，將此bin目錄作為path進行配置

bin目錄配置.png

配置完成後就可以使用vue-cli了：

使用vue-cli命令.png

作者：stormKid
連結：https://www.jianshu.com/p/9308e6abbe44
來源：簡書
著作權歸作者所有。商業轉載請聯絡作者獲得授權，非商業轉載請註明出處。