JS包管理工具yarn怎么安裝使用

這篇文章主要介紹“JS包管理工具yarn怎么安裝使用”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“JS包管理工具yarn怎么安裝使用”文章能幫助大家解決問題。

1. yarn簡介

Yarn 是 facebook 發布的一款取代 npm 的包管理工具

• 速度超快 —— Yarn 緩存了每個下載過的包，所以再次使用時無需重復下載。 同時利用并行下載以最大化資源利用率，因此安裝速度更快

• 超級安全 —— 在執行代碼之前，Yarn 會通過算法校驗每個安裝包的完整性

• 超級可靠 —— 使用詳細、簡潔的鎖文件格式和明確的安裝算法，Yarn 能夠保證在不同系統上無差異的工作

2. yarn安裝與更新

2-1 全局安裝

通過 npm install -g 全局去安裝 yarn 包管理工具，默認安裝的版本是 yarn 1 版本

# 全局安裝
npm install -g yarn

# 查看yran安裝版本
yarn --version

# 顯示命令列表
yarn help

2-2 項目安裝

在項目中需要使用 yarn 2，可以在項目更目錄安裝333

“Berry” 是 Yarn 2 發布序列的代號，同時也是我們的 代碼倉庫 的名稱！

yarn set version berry

2-3 yarn更新

將 yarn 更新到最新版本，yarn 會從我們的網站下載最新的二進制文件，并將其安裝在您的項目中

將項目中的包管理工具升級為 Yarn 2，此后如果需要對此 Yarn 2 進行升級，則可以使用 yarn set version latest 進行升級，否則仍是對 Yarn 1 進行操作

yarn set version latest

2-4 安裝maste分支最新版

嘗試最新的 master 代碼分支

yarn set version from sources

可以使用 --branch 參數來指定要安裝特定的分支節點

yarn set version from sources --branch 1211

3. 鏡像管理

3-1 安裝淘寶鏡像

修改國內鏡像后可以加快軟件包安裝速度

查看當前使用的鏡像

yarn config get registry

添加 yarn 的淘寶鏡像

yarn config set registry https://registry.npm.taobao.org -g

# 恢復默認
yarn config set registry http://registry.npmjs.org/

# 安裝sass
yarn config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/

3-2 yrm鏡像管理

yrm 是管理鏡像的工具，可以列出可以使用的鏡像，非常方便

安裝 yrm

npm install -g yrm

列出可以使用的鏡像

yrm ls

使用淘寶鏡像

yrm use taobao

測試鏡像速度

yrm test taobao

4. yarn使用

4-1 初始化項目

yarn init 用來初始化生成一個新的 package.json 文件

D:\My Study\08-Node.js\02-yarn>yarn init
yarn init v1.22.19
question name (02-yarn): yarn-init
question version (1.0.0):
question description: 初始化配置
question entry point (index.js):
question repository url:
question author (jsx <2738389567@qq.com> (https://github.com/xiaofeilalala)):
question license (MIT):
question private:
success Saved package.json
Done in 29.32s.

{
  "name": "yarn-init",
  "version": "1.0.0",
  "description": "初始化配置",
  "main": "index.js",
  "author": "jsx <2738389567@qq.com> (https://github.com/xiaofeilalala)",
  "license": "MIT"
}

4-2 設置配置項

通過 yarn config 去設置顯示刪除配置項

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

4-3 安裝依賴

安裝所有依賴

yarn install

強制重新下載所有包

yarn install --force

添加依賴項，會自動更新到 package.json 和 yarn.lock 文件中

# 安裝最新版本
yarn add [packageName] 

# 安裝指定版本
yarn add [packageName]@<version>

# 安裝指定tag版本 beta,next或者latest
yarn add [packageName]@<tag>

安裝包的精確版本，例如： yarn add foo@1.2.3 會接受 1.9.1 版本，但是 yarn add foo@1.2.3 --exact 只能安裝指定 1.2.3 版本

 yarn add [packageName]@<version> --exact
 yarn add [packageName]@<version> -E

安裝包的次要版本里的最新版，例如：yarn add foo@1.2.3 --title 會接受 1.2.9，但不接受 1.3.0

yarn add [packageName]@<version> --title
yarn add [packageName]@<version> -T

4-4 不同依賴類

在一個 Node.js 項目中，package.json 幾乎是一個必須的文件，它的主要作用就是管理項目中所使用到的外部依賴包，同時它也是 npm 命令的入口文件

npm 目前支持以下幾類依賴包管理：

• dependencies

• devDependencies

• peerDependencies

• optionalDependencies

• bundledDependencies / bundleDependencies

dependencies

應用依賴，或者叫做業務依賴，這是我們最常用的依賴包管理對象！它用于指定應用依賴的外部包，這些依賴是應用發布后正常執行時所需要的，但不包含測試時或者本地打包時所使用的包。

devDependencies

開發環境依賴，僅次于 dependencies 的使用頻率！它的對象定義和 dependencies 一樣，只不過它里面的包只用于開發環境，不用于生產環境，這些包通常是單元測試或者打包工具等，例如gulp, grunt, webpack, moca, coffee等

peerDependencies

同等依賴，或者叫同伴依賴，用于指定當前包（也就是你寫的包）兼容的宿主版本。如何理解呢？ 試想一下，我們編寫一個 gulp 的插件，而 gulp 卻有多個主版本，我們只想兼容最新的版本，此時就可以用同等依賴（peerDependencies）來指定

optionalDependencies

可選依賴，如果有一些依賴包即使安裝失敗，項目仍然能夠運行或者希望npm繼續運行，就可以使用 optionalDependencies。另外optionalDependencies 會覆蓋 dependencies 中的同名依賴包，所以不要在兩個地方都寫

bundledDependencies / bundleDependencies

打包依賴，bundledDependencies 是一個包含依賴包名的數組對象，在發布時會將這個對象中的包打包到最終的發布包里

不指定依賴類型默認安裝到 dependencies 里，你也可以指定依賴類型

# 添加到 devDependencies 依賴項
yarn add [package]@[version] --dev
yarn add [package]@[version] -D

# 添加到 peerDependencies 依賴項
yarn add [package]@[version] --peer
yarn add [package]@[version] -P

# 添加到 optionalDependencies 依賴項
yarn add [package]@[version] --optional
yarn add [package]@[version] -O

4-5 升級依賴

根據需要將安裝好的依賴包進行升級

# 更新所有軟件包
yarn up

# 升級到最新版本
yarn up [packageName]

# 升級到指定版本
yarn up [packageName]@[version]

# 升級到指定tag版本
yarn up [packageName]@[tag]

4-6 刪除依賴

從項目中刪除依賴項 dependencies，會自動更新 package.json 和 yarn.lock

yarn remove [packageName]

刪除 yarn 全局軟件包

yarn remove -g [packageName]

4-7 發布模塊

yarn publish 用于將當前模塊發布到 http://npmjs.com

如果已經注冊過，就使用下面的命令登錄

yarn login

退出登錄 npm 倉庫

yarn logout

登錄以后，就可以使用 npm publish 命令發布

yarn publish

撤銷發布的模塊 npm unpublish

# 刪除某個版本
yarn unpublish [packageName]@<version>  
# 刪除整個npm市場的包
yarn unpublish [packageName] --force

4-8 運行命令

yarn run 用來執行在 package.json 中 scripts 屬性下定義的腳本

// package.json
{
  "scripts": {
  "dev": "node app.js",
  "start": "node app.js"
  }
}

yarn 與 npm 一樣 可以有 yarn start 和 yarn test 兩個簡寫的運行腳本方式

# yarn 執行 dev 對應的腳本 node app.js
yarn run dev 
npm run

yarn start # yarn
npm start # npm

4-9 緩存控制

列出已緩存的每個包

yarn cache list

全局緩存位置

yarn cache dir

清除緩存

yarn cache clean

4-10 模塊信息

yarn info 可以用來查看某個模塊的最新版本信息

yarn info [packageName] # yarn 
npm info [packageName] # npm

yarn info [packageName] --json # 輸出 json 格式
npm info [packageName]  --json # npm

yarn info [packageName] readme # 輸出 README 部分
npm info [packageName] readme

undefined

關于“JS包管理工具yarn怎么安裝使用”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。