Yarn也是使用的package.json文件管理依赖包的。In other words，如果你想使用它，完全不需要任何额外的配置信息。
是不是很爽？？
基础命令
yarn安装
npm i yarn -g
查看版本
yarn -v
-
开始一个新工程
yarn init 与 npm init 一样通过交互式会话创建一个 package.json
yarn init # yarn
npm init # npm
跳过会话，直接通过默认值生成 package.json
yarn init --yes # 简写 -y
npm init -y
-
添加一个依赖
通过 yarn add 添加依赖会更新 package.json 以及 yarn.lock 文件
1).开发环境
yarn add <packageName> 依赖会记录在 package.json 的 dependencies 下 开发环境
yarn add webpack@2.3.3 # yarn --save 是 yarn 默认的，默认记录在 package.json 中
npm install webpack@2.3.3 --save # npm
2).生产环境
yarn add <packageName> --dev 依赖会记录在 package.json 的 devDependencies 下 生产环境
yarn add webpack --dev # yarn 简写 -D
npm install webpack --save-dev # npm
3).全局
yarn global add <packageName> 全局安装依赖
yarn global add webpack # yarn
npm install webpack -g # npm
-
更新一个依赖
yarn upgrade 用于更新包到基于规范范围的最新版本
yarn upgrade # 升级所有依赖项，不记录在 package.json 中
npm update # npm 可以通过 ‘--save|--save-dev’ 指定升级哪类依赖
yarn upgrade webpack # 升级指定包
npm update webpack --save-dev # npm
yarn upgrade --latest # 忽略版本规则，升级到最新版本，并且更新 package.json
-
移除一个依赖
yarn remove <packageName>
yarn remove webpack # yarn
npm uninstall webpack --save # npm 可以指定 --save | --save-dev
-
安装 package.json 中的所有文件
yarn 或者 yarn install
yarn install # 或者 yarn 在 node_modules 目录安装 package.json 中列出的所有依赖
npm install # npm
yarn install 安装时，如果 node_modules 中有相应的包则不会重新下载 --force 可以强制重新下载安装
yarn install --force # 强制下载安装
npm install --force # npm
-
运行脚本
yarn run 用来执行在 package.json 中 scripts 属性下定义的脚本
// package.json
{
"scripts": {
"dev": "node app.js",
"start": "node app.js"
}
}
yarn run dev # yarn 执行 dev 对应的脚本 node app.js
npm run # npm
yarn start # yarn
npm start # npm
与 npm 一样 可以有 yarn start 和 yarn test 两个简写的运行脚本方式
-
显示某个包信息
yarn info <packageName> 可以用来查看某个模块的最新版本信息
yarn info webpack # yarn
npm info webpack # npm
yarn info webpack --json # 输出 json 格式
npm info webpack --json # npm
yarn info webpack readme # 输出 README 部分
npm info webpack readme
-
列出项目的所有依赖
yarn list
yarn list # 列出当前项目的依赖
npm list # npm
yarn list --depth=0 # 限制依赖的深度
sudo yarn global list # 列出全局安装的模块
-
管理 yarn 配置文件
yarn coinfig
yarn config set key value # 设置
npm config set key value
yarn config get key # 读取值
npm config get key
yarn config delete key # 删除
npm config delete key
yarn config list # 显示当前配置
npm config list
yarn config set registry https://registry.npm.taobao.org # 设置淘宝镜像
npm config set registry https://registry.npm.taobao.org # npm
-
缓存
yarn cache
sudo yarn cache list # 列出已缓存的每个包
sudo yarn cache dir # 返回 全局缓存位置
sudo yarn cache clean # 清除缓存
安装package.json里面的全部依赖
yarn
添加依赖
yarn add vue
添加dev的依赖
yarn add less less-loader --dev
或
yarn add less less-loader --D
卸载依赖包
yarn remove
启动、打包
使用开发模式启动
yarn dev
使用开发模式启动
yarn build
By the way，yarn后面的参数可以是package.json里面scripts节点配置的任意一个命令。
其他命令
查询依赖
yarn list
或者添加参加只显示一级依赖
yarn list --depth=0
查询安装原因（依赖关系）
yarn why bytes
升级包
yarn upgrade
查询已过时的安装包
yarn outdated
示例：
Package Current Wanted Latest Package Type URL
autoprefixer 7.1.5 7.2.6 9.4.2 devDependencies https://github.com/postcss/autoprefixer#readme
axios 0.16.2 0.16.2 0.18.0 dependencies https://github.com/axios/axios
babel-core 6.26.0 6.26.3 6.26.3 devDependencies https://babeljs.io/
babel-eslint 7.2.3 7.2.3 10.0.1 devDependencies https://github.com/babel/babel-eslint
babel-loader 7.1.2 7.1.5 8.0.4 devDependencies https://github.com/babel/babel-loader
babel-preset-env 1.6.0 1.7.0 1.7.0 devDependencies https://babeljs.io/
本文分享自微信公众号 - JavaScript忍者秘籍（js-obok）。
如有侵权，请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。
