yarn 安裝使用小記

05-10

什麼是yarn

一種取代npm的 Node的模塊管理器，從使用上來看，從npm過度到yarn幾乎零成本，除了操作上相近，yarn 同樣是一個從 npm 註冊源獲取模塊的工具。

為什麼要使用yarn來代替npm呢？從官網的介紹（FAST, RELIABLE, AND SECURE DEPENDENCY MANAGEMENT）可以看出來他比npm更加快速、安全，但我選擇yarn一個重要的原因是：yarn有一個 yarn.lock 文件，每次模塊被添加時，yarn 就會創建（或更新）yarn.lock 文件，這個文件保證了保證了不同機器下載的包的版本都一樣，而npm會根據package.json定義的版本號範圍下載包，導致不同機器或者不同時間下載的包的版本不一樣。

注意！npm 5.0.x 版本已經會在執行npm i的時候生成package-lock.json的文件，作用就像上面說的一樣，「鎖」住版本。（但npm新版本還不太穩定，可以等一段時間再使用）

接下來進入正題，Mac安裝yarn

yarn 官網介紹是通過 Homebrew 安裝

brew install yarn

但是安裝下來的版本為0.16.1，版本太低，需要升級，重點是我通過 brew upgrade yarn 也無法將yarn的版本升級到最新版本。折騰了幾遍之後也無法解決，想著用到伺服器也不需要Homebrew，那就改用其它安裝方式吧。下面是解決方式(不管是安裝或者更新)：

1. 手動移除本地二進位 yarn文件

rm -f /usr/local/bin/yarnpkgrm -f /usr/local/bin/yarn

2. 移除緩存:

rm -rf ${HOME}/.yarn

3. 如果之前存在環境變數，在.zshrc或.bash_profile有下面配置,移除它:

export PATH="$PATH:`yarn global bin`"

4. 通過 curl 安裝 yarn :

curl -o- -L https://yarnpkg.com/install.sh | bash

這裡查看一下我電腦里的版本：

$ yarn -v1.3.2

顯示是1.3.2版本，那麼現在讓我們運行上面腳本的下載並安裝：

yarn 安裝

成功安裝最新版本（1.6.0）

5. 看環境變數是否已修改，查看 .zshrc 或者 .bash_profile，如果沒有請添加下面一行:

export PATH="$PATH:$HOME/.yarn/bin:$HOME/.config/yarn/global/node_modules/.bin"

運行 yarn -v 查看是否正常。正常的話就可以開始使用 yarn，用 create-react-app 開始一個 TypeScript 項目

$ yarn create react-app antd-demo-ts --scripts-version=react-scripts-ts....$ cd antd-demo-ts$ yarn start

curl

curl命令是一個利用URL規則在命令行下工作的文件傳輸工具。它支持文件的上傳和下載，所以是綜合傳輸工具，但按傳統，習慣稱curl為下載工具。作為一款強力工具，curl支持包括HTTP、HTTPS、ftp等眾多協議，還支持POST、cookies、認證、從指定偏移處下載部分文件、用戶代理字元串、限速、文件大小、進度條等特徵。

與wget區別：wget是個專職的下載利器,可以遞歸，支持斷點;而curl多用來調試網頁，提交web數據，可以post/get請求，可以自定義發送頭

-o filename url 參數是保存網頁內容到文件中
-L 進行重定向