1. 程式人生 > >在win環境下使用yarn安裝 vue-cli

在win環境下使用yarn安裝 vue-cli

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.4、目錄結構很熟悉,和npm差不多,將此bin目錄作為path進行配置

bin目錄配置.png

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

使用vue-cli命令.png

4、yarn命令與npm對比



作者:stormKid
連結:https://www.jianshu.com/p/9308e6abbe44
來源:簡書
簡書著作權歸作者所有,任何形式的轉載都請聯絡作者獲得授權並註明出處。