Yarn官網:https://yarnpkg.com/
Yarn Github地址:https://github.com/yarnpkg/yarn
前言
作爲Facebook出品的React全家桶的使用者,沒有理由不去試試Facebook最新的包管理器Yarn。
安裝Yarn
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類似,但命令上還是有所區別
具體語法如下:
- 開始一個新工程
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添加各種模塊,來管理工程的依賴。
更新依賴和移除依賴很簡單,就不多說了
注意:使用
yarn
或yarn install
安裝全部依賴時是根據package.json裏的"dependencies"
字段來決定的
總結
實際體驗過程中,yarn確實要比npm更快速,更簡單。
前端世界日新月異,要及時跟上腳步,用更新更強大的工具能夠讓我們開發者更專注於業務邏輯,更方便的維護和管理代碼。
所以趕快用起來吧!