在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.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
來源:簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM