本文主要參考csdn作者mjzhang1993的文章，原文戳這裡,還有一點點自己的總結，感謝原作者，學到了。很全忍不住想在自己部落格留一份。

yarn/npm 命令

概述

通過 yarn add 新增依賴會更新 package.json 以及 yarn.lock 檔案

yarn add <packageName> // 依賴會記錄在 package.json 的 dependencies 下在 package.json 中。

yarn add <packageName> --dev 依賴會記錄在 package.json 的 devDependencies 下   
 

yarn add webpack --dev // yarn 簡寫 -D   
npm install webpack --save-dev // npm

yarn global add <packageName> 全域性安裝依賴   
yarn global add webpack // yarn   
npm install webpack -g // npm

更新依賴

• yarn upgrade 用於更新包到基於規範範圍的最新版本

yarn upgrade // 升級所有依賴項，不記錄在 package.json 中
npm update // npm 可以通過 ‘--save|--save-dev’ 指定升級哪類依賴
 

yarn upgrade webpack // 升級指定包
npm update webpack --save-dev // npm
yarn upgrade --latest // 忽略版本規則，升級到最新版本，並且更新 package.json

移除依賴

yarn remove <packageName>
yarn remove webpack // yarn
npm uninstall webpack --save // npm 可以指定 --save | --save-dev

安裝webpack.json中的所有檔案

yarn 或者 yarn install

yarn install // 或者 yarn 在 node_modules 目錄安裝 package.json 中列出的所有依賴
 

npm install // npm

# yarn install 安裝時，如果 node_modules 中有相應的包則不會重新下載 --force 可以強制重新下載安裝
yarn install --force // 強制下載安裝
npm install --force // npm

執行指令碼

yarn <package.json 中 scripts 屬性下定義的命令>

顯示某個包資訊

yarn info <packageName> 可以用來檢視某個模組的最新版本資訊

yarn info webpack // yarn 
npm info webpack // npm

yarn info webpack --json // 輸出 json 格式
npm info webpack  --json // npm

yarn info webpack readme // 輸出 README 部分
npm info webpack readme

列出專案的所有依賴

yarn list

yarn list // 列出當前專案的依賴
npm list // npm

yarn list --depth=0 // 限制依賴的深度 ??
sudo yarn global list // 列出全域性安裝的模組

管理 yarn 配置檔案 ??

yarn coinfig

yarn config set key value // 設定
npm config set key value

yarn config get key // 讀取值
npm config get key

yarn config delete key // 刪除
npm config delete key

yarn config list // 顯示當前配置
npm config list

yarn config set registry https://registry.npm.taobao.org // 設定淘寶映象
npm config set registry https://registry.npm.taobao.org // npm

.yarnrc

配置淘寶映象源
專案根目錄下新增檔案.yarnrc,內容如下：

registry "https://registry.npm.taobao.org"

sass_binary_site "https://npm.taobao.org/mirrors/node-sass/"
phantomjs_cdnurl "http://cnpmjs.org/downloads"
electron_mirror "https://npm.taobao.org/mirrors/electron/"
sqlite3_binary_host_mirror "https://foxgis.oss-cn-shanghai.aliyuncs.com/"
profiler_binary_host_mirror "https://npm.taobao.org/mirrors/node-inspector/"
chromedriver_cdnurl "https://cdn.npm.taobao.org/dist/chromedriver"

其中registry “https://registry.npm.taobao.org“就是指定淘寶映象源，是最重要的。其餘是指定對應包的下載路徑
新增檔案且編輯結束後再使用yarn add命令就是從配置的映象源中拉取需要的包，速度會更快。

yarn-lock

yarn-lock作用說明