3分鐘看完前端進階——yarn VS npm

npm想必你們都知道，並且用的很是熟練了。
按照以往習慣，咱們上來就是

npm install xxx   //添加項目依賴包
...
npm start         //運行項目
複製代碼

而今天咱們主角是——Yarn，一個新的依賴包管理工具，它的用法和npm很是相似，請看

yarn add xxx   //添加項目依賴包
...
yarn start     //運行項目
複製代碼

也許有人會問了，這npm能幹的活，爲啥yarn要搶它的飯碗呢？咱們進入正題！

什麼是Yarn

Yarn的官方文檔：yarn.bootcss.com/
Yarn的github地址：github.com/yarnpkg/yar…
簡單來講，Yarn是由Facebook發佈的一款新的JS依賴包管理工具，正如官網所說："快速、可靠、安全的依賴管理工具。"

爲何用Yarn

我以爲，最直觀的感覺就是速度快
yarn的速度嘛，能夠說是秒殺npm啦。用過npm就知道，不只下載速度慢，並且有時候中途會出錯！！沒法忍受真的是o(╥﹏╥)o
說說yarn的下載特色

• yarn在下載包時，會緩存每一個下載過的包，因此再次使用時無需重複下載。
• yarn利用了並行下載的特色(可同時下載多個包)，以最大化資源利用率，所以安裝速度更快。

固然yarn還有不少優勢，咱們看看官網說的吧

因此，你還在等什麼？！

上乾貨！

安裝yarn

npm install yarn -g

安裝完後就能夠像npm同樣當即使用它的命令

這是經常使用的yarn命令

yarn	npm	說明
yarn init	npm init	初始化項目，生成package.json文件
yarn add 模塊名	npm install 模塊名 --save	在本目錄下添加項目的依賴包，並在package.json下寫入配置
yarn global add 模塊名	npm install 模塊名 -g	在全局下添加項目的依賴包
yarn add 模塊名 --dev	npm install 模塊名 --save-dev	在本目錄下添加某個開發時依賴包
yarn remove 模塊名	npm uninstall 模塊名	移除本目錄下指定的項目依賴包
yarn upgrade 模塊名	npm update 模塊名 --save	更新本目錄下指定的項目依賴包

細節：

• 全局安裝&普通安裝
  普通安裝(不帶global或-g)，安裝的地址在本目錄下，只能在這個目錄下使用這些模塊文件
  全局安裝，安裝的目錄在全局的目錄下，安裝後能夠在任意目錄下使用
• -dev
  dev是開發版的意思，是咱們在開發時須要用的版本。好比項目中使用的gulp，壓縮css、js的模塊。這些模塊在咱們開發完畢，項目部署後是不須要的，因此咱們可使用 -save-dev 的形式安裝。像express 這些模塊是項目運行必備的，因此咱們應該使用-save的形式安裝。

總結

經過以上的對比，yarn確實更具優點。若是你對yarn感興趣，或是被npm下載速度給坑慘了，不妨試一試，相信這篇文章或多或少會對你有點幫助吧。(*￣︶￣)