【記錄一下】yarn安裝 Visual Code中如何使用Yarn * yarn無法加載

一、yarn的簡介:
  Yarn是facebook發佈的一款取代npm的包管理工具。

二、yarn的特點:

速度超快。
Yarn 緩存了每個下載過的包,所以再次使用時無需重複下載。 同時利用並行下載以最大化資源利用率,因此安裝速度更快。
超級安全。
在執行代碼之前,Yarn 會通過算法校驗每個安裝包的完整性。
超級可靠。
使用詳細、簡潔的鎖文件格式和明確的安裝算法,Yarn 能夠保證在不同系統上無差異的工作。

三、yarn的安裝:
安裝Node.js的環境

npm install -g yarn 

查看版本:

yarn --version

安裝node.js,下載yarn的安裝程序:
提供一個.msi文件,在運行時將引導您在Windows上安裝Yarn
Yarn 淘寶源安裝,分別複製粘貼以下代碼行到黑窗口運行即可

yarn config set registry https://registry.npm.taobao.org -g 
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

四、yarn的常用命令:

複製代碼
安裝yarn

npm install -g yarn

安裝成功後,查看版本號:

yarn --version

創建文件夾 yarn

md yarn

進入yarn文件夾

cd yarn

初始化項目

yarn init // 同npm init,執行輸入信息後,會生成package.json文件

yarn的配置項:

yarn config list // 顯示所有配置項
yarn config get <key> //顯示某配置項
yarn config delete <key> //刪除某配置項
yarn config set <key> <value> [-g|--global] //設置配置項

安裝包:

yarn install //安裝package.json裏所有包,並將包及它的所有依賴項保存進yarn.lock
yarn install --flat //安裝一個包的單一版本
yarn install --force //強制重新下載所有包
yarn install --production //只安裝dependencies裏的包
yarn install --no-lockfile //不讀取或生成yarn.lock
yarn install --pure-lockfile //不生成yarn.lock

添加包(會更新package.json和yarn.lock):

yarn add [package] // 在當前的項目中添加一個依賴包,會自動更新到package.json和yarn.lock文件中
yarn add [package]@[version] // 安裝指定版本,這裏指的是主要版本,如果需要精確到小版本,使用-E參數
yarn add [package]@[tag] // 安裝某個tag(比如beta,next或者latest)
//不指定依賴類型默認安裝到dependencies裏,你也可以指定依賴類型:
yarn add --dev/-D // 加到 devDependencies
yarn add --peer/-P // 加到 peerDependencies
yarn add --optional/-O // 加到 optionalDependencies

//默認安裝包的主要版本里的最新版本,下面兩個命令可以指定版本:

yarn add --exact/-E // 安裝包的精確版本。例如yarn add [email protected]會接受1.9.1版,但是yarn add [email protected] --exact只會接受1.2.3版
yarn add --tilde/-T // 安裝包的次要版本里的最新版。例如yarn add [email protected] --tilde會接受1.2.9,但不接受1.3.0
發佈包

yarn publish

移除一個包
yarn remove :移除一個包,會自動更新package.json和yarn.lock
更新一個依賴
yarn upgrade 用於更新包到基於規範範圍的最新版本
運行腳本
yarn run 用來執行在 package.json 中 scripts 屬性下定義的腳本
顯示某個包的信息
yarn info 可以用來查看某個模塊的最新版本信息
緩存

yarn cache 
yarn cache list # 列出已緩存的每個包 
yarn cache dir # 返回 全局緩存位置 
yarn cache clean # 清除緩存

複製代碼

npm 與 yarn命令比較:

比如說你的項目模塊依賴是圖中描述的,@1.2.1代表這個模塊的版本。在你安裝A的時候需要安裝依賴C和D,很多依賴不會指定版本號,默認會安裝最新的版本,這樣就會出現問題:比如今天安裝模塊的時候C和D是某一個版本,而當以後C、D更新的時候,再次安裝模塊就會安裝C和D的最新版本,如果新的版本無法兼容你的項目,你的程序可能就會出BUG,甚至無法運行。這就是npm的弊端,而yarn爲了解決這個問題推出了yarn.lock的機制,這是作者項目中的yarn.lock文件。

Visual Code中如何使用Yarn
在這裏插入圖片描述
1.打開visual code,然後新建一個目錄或者新建一個文件夾在Visual Code中打開
2.快捷鍵 Ctrl+` 打開集成終端。或者可以在工具欄->查看中找到集成終端
3.直接在裏面輸入 yarn的命令即可調用了,就像這樣

安裝依賴(需安裝yarn,不太建議使用cnpm或者npm代替yarn,不保證完全可用)

yarn install 

開發模式運行

yarn run serve

編譯項目

yarn run build

Lints and fixes files

yarn run lint

常見問題
在這裏插入圖片描述
PowerShell yarn 解決方法

https://blog.csdn.net/kikikiuu/article/details/105539965?utm_medium=distribute.pc_relevant.none-task-blog-baidujs-6

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章