使用yarn代替npm进行前端包管理

开篇絮叨

如果你熟练使用npm，那么你一定可以快速的掌握yarn。
-- 亚洲气质程序员·尼古拉斯·赵四

用官方的话来说yarn的出现是为了弥补npm的缺陷，相信不用说，大家也知道日常工作中在使用npm时遇到的各种坑：
1、npm install 安装时而快如赛马，时而慢如蜗牛。
2、同一个项目，安装依赖的时候版本不统一。
如下方三个版本号就代表了不同的版本：

"5.0.3",  #5.0.3 版本
"~5.0.3",#5.0.x 最新的版本
"^5.0.3" #5.x.x 最新的版本

3、各种奇奇怪怪的错误。
虽然有cnpm可以适当弥补一些npm的问题，但是依然觉得npm不太香。

安装

超级简单
windows 官网下个MSI的安装包即可。
Mac OS 可以用自带的brew来安装

brew install yarn

新建vue项目

如果是bash执行vue create 来新建项目，那么最后的包管理器选择yarn就可以了。

如果是vue ui创建的项目，那么在第一步的时候，把包管理器换成yarn即可。

如何使用及常见命令对比

• 初始化项目

// NPM
npm init

// Yarn
yarn init

• 安装全局依赖

// NPM
npm install [package] -g

// Yarn
yarn global add [package]

• 按照类别安装依赖

// NPM
npm install [package] --save-dev
npm instal [package] --save

// Yarn
yarn add [package] --dev
yarn add [package] --peer
yarn add [package] --optional

• 删除依赖

//NPM
npm uninstall [package]

// Yarn
yarn remove [package]

• 安装项目的全部依赖

// NPM
npm install

// Yarn
yarn install

官网：https://yarn.bootcss.com/