Yarn使用筆記

Yarn官網:https://yarnpkg.com/
Yarn Github地址:https://github.com/yarnpkg/yarn

前言

作爲Facebook出品的React全家桶的使用者,沒有理由不去試試Facebook最新的包管理器Yarn

安裝Yarn

官方安裝文檔:https://yarnpkg.com/en/docs/install

windows下安裝方法

前提:不論哪種安裝方法,都需要安裝node.js,具體可以參考這裏[安裝node.js](http://www.jianshu.com/p/0299e8f36976)
- 方法一,下載安裝包:直接下載.msi安裝文件安裝,下載地址
- 方法二,使用Chocolatey進行安裝:Chocolatey是一個windows下的包管理器,可以通過在命令行下輸入以下命令直接安裝Yarn

choco install yarn

這裏直接通過安裝包安裝

安裝成功

默認情況下,Yarn已經配置好環境變量

如果沒有自動配置,在path後手動添加即可(注意前面如果沒有分號要手動加上分號)

在cmd中終端輸入

yarn --version

若提示版本號,則代表安裝成功

開始使用Yarn

Yarn命令

Yarn的使用方式跟npm類似,但命令上還是有所區別

官方文檔地址:https://yarnpkg.com/en/docs/usage

具體語法如下:
- 開始一個新工程

yarn init
  • 添加一個依賴
yarn add [package]
yarn add [package]@[version]
yarn add [package]@[tag]
  • 更新一個依賴
yarn upgrade [package]
yarn upgrade [package]@[version]
yarn upgrade [package]@[tag]
  • 移除一個依賴
yarn remove [package]
  • 安裝package.json中所有的依賴項
yarn

或者

yarn install

以上只是較爲常用的幾個命令,詳細文檔戳這裏CLI Introduction | Yarn

實際使用Yarn

讓我們實際使用下吧

初始化工程

新建一個文件夾YarnDemo,將命令行定位到該目錄下,輸入

yarn init

如果不需要將代碼發佈,這些信息一路默認回車即可

命令完成後可以看到,根目錄下多了一個package.json文件;

這樣工程就初始化完成了,可以添加所需要的模塊了。

添加依賴

下面試試添加前端最流行的模塊加載器兼打包工具webpack
在終端輸入

yarn add webpack

即可看到webpack的安裝過程

值得一提的是,yarn的安裝過程非常“形象”,具體的我截個圖你們感受下…

是不是非常形象?

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

安裝成功

打開package.json文件,可以看到自動添加依賴說明,不再像npm那樣需要手動輸入--save-dev,命令更爲簡潔

webpack依賴添加完成,是不是很簡單?

以後就可以用yarn添加各種模塊,來管理工程的依賴。

更新依賴和移除依賴很簡單,就不多說了

注意:使用yarnyarn install安裝全部依賴時是根據package.json裏的"dependencies"字段來決定的

總結

實際體驗過程中,yarn確實要比npm更快速,更簡單。

前端世界日新月異,要及時跟上腳步,用更新更強大的工具能夠讓我們開發者更專注於業務邏輯,更方便的維護和管理代碼。

所以趕快用起來吧!

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