Yarn的安裝使用

什麼是 Yarn？

這裏引用中文官網的說明：
Yarn 是一個依賴管理工具。它能夠管理你的代碼，並與全世界的開發者分享代碼。Yarn 是高效、安全和可靠的，你完全可以安心使用。

Yarn 能夠讓你使用其他開發者開發的代碼，讓你更容易的開發軟件。如果你在使用中發現任何問題，歡迎發 issue 或者貢獻代碼，一旦問題被修復，你就可以繼續使用 Yarn 戰鬥了。

代碼是通過包（有時也被稱爲模塊）進行共享的。 在每一個包中包含了所有需要共享的代碼，另外還定義了一個 package.json 文件，用來描述這個包。

安裝 Yarn

• 安裝的教程https://yarn.bootcss.com/docs/install.html#windows-tab

• 這裏我簡單介紹我用Windows 10 安裝的過程
  1、下載安裝程序：
  你可以下載一份 .msi 文件，運行之後將引導你完成 Yarn 的安裝。
  如果你使用安裝程序的方式，你需要首先安裝 Node.js.

  全程默認安裝即可

• 測試一下 Yarn 是否能夠正確運行：

  D:\__demo\yarn-test>yarn –version

  結果

  D:\__demo\yarn-test>yarn -v
  1.3.2

• 如果測試不成功，一般都是環境變量的問題，這個也是Windows的通病，如果用mac就會好點
  命令行設置環境變量

  打開 dos 命令窗口，輸入 path 命令 查看已經存在的，環境變量

  D:\__demo\yarn-test>path

  結果

  PATH=C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;D:\application\Git\cmd;D:\dev\node-v7.10.0-x64\;D:\application\TortoiseGit\bin;C:\Program Files\Microsoft SQL Server\110\Tools\Binn\;C:\Program Files (x86)\Microsoft SDKs\TypeScript\1.0\;C:\Program Files\Microsoft SQL Server\120\Tools\Binn\;C:\Program Files\dotnet\;D:\application\yarn-1.3.2\bin;C:\Users\xhlm\AppData\Local\Microsoft\WindowsApps;C:\Users\xhlm\AppData\Roaming\npm;D:\application\Microsoft VS Code\bin;C:\Users\xhlm\AppData\Local\Yarn\bin;

  設置環境變量

  D:\__demo\yarn-test>set path=C:\Users\xhlm\AppData\Local\Yarn\bin;

現在你已經將 Yarn 安裝好了，可以開始使用它了。這裏有一些最常用的命令，你一定用得着。

初始化一個新的項目

• 初始化的命令

  D:\__demo\yarn-test>yarn init

  結果：

  {
    "name": "no.1",
    "version": "1.0.0",
    "description": "no.1 yarn",
    "main": "index.js",
    "author": "heping",
    "license": "MIT"
  }

• 添加一個依賴包

  yarn add [package]

  這裏以 gulp 爲栗子：

  D:\__demo\yarn-test>yarn add gulp

  如果安裝途中出現錯誤，yarn會在工程根目錄下自動生成yarn-error.log文件，排查問題非常方便。

  如果看到這樣的目錄結構，說明操作成功，這裏只是截取的了部分dos輸出的日誌，太多了，請諒解：

  ...
  ├─ user-home@1.1.1
  ├─ util-deprecate@1.0.2
  ├─ v8flags@2.1.1
  ├─ vinyl-fs@0.3.14
  ├─ vinyl@0.4.6
  ├─ which@1.3.0
  ├─ wrappy@1.0.2
  └─ xtend@4.0.1
  Done in 20.62s.

  yarn add [package]@[version]

  同樣攜帶版本的命令，得到果請自行考究

  D:\__demo\yarn-test>yarn add [email protected]

  這裏的tag，指的是 beta、next 或者 latest，我到時用的很少，歡迎指點^_^:

  yarn add [package]@[tag]

• 更新一個依賴包，和安裝如出一轍：

  yarn upgrade [package]
  yarn upgrade [package]@[version]
  yarn upgrade [package]@[tag]

• 刪除一個依賴包

  yarn remove [package]
  D:\__demo\yarn-test>yarn remove gulp

• 安裝所有的依賴包

  yarn

  or

  yarn install

• 目錄結構

  .
  ├─ node_modules
  ├─ package.json
  └─ yarn.lock

• package.json

  {
    "name": "no.1",
    "version": "1.0.0",
    "description": "no.1 yarn",
    "main": "index.js",
    "author": "heping",
    "license": "MIT",
    "dependencies": {
      "gulp": "3.9.1"
    }
  }

總結

實際體驗過程中，yarn確實要比npm更快速，更簡單。npm之所以慢是因爲目前國內暫時沒有cdn節點，所以下載依賴都是跑到國外去下，哈哈。

---

原文鏈接-Yarn的安裝使用

---