初识 yarn 包管理工具

2022-12-16 21:21:56 浏览数 (2)

  • 1. yarn 的介绍
  • 2. yarn 的安装
  • 3. yarn 的使用
  • 4. yarn 的缓存
  • 5. yarn 的配置
  • 6. yarn info 查看依赖包
  • 7. yarn 和 npm 的区别
1. yarn 的介绍

Yarn 官网: https://yarnpkg.com

站长源码网

Yarn 中文网: https://www.yarnpkg.cn

facebook 在 npm 之后又造了一个软件包管理器轮子 yarn,yarn 是为了弥补 npm 的一些缺陷而出现的

2. yarn 的安装

安装 yarn

代码语言:javascript复制
# 使用 npm 安装 yarn
npm install yarn -g
# mac 用户使用 homebrew 安装 yarn
brew install yarn

更新 yarn 版本

代码语言:javascript复制
yarn self-update

查看 yarn 版本

代码语言:javascript复制
yarn -v
3. yarn 的使用

初始化项目

代码语言:javascript复制
# 有交互界面
yarn init
# 直接生成 package.json,没有交互界面,--yes 也可简写为 -y
yarn init --yes
代码语言:javascript复制
# 安装项目依赖
yarn install
# 安装依赖
yarn add <package>
yarn add <package> --dev
# 更新依赖
yarn upgrade <package>
# 移除依赖
yarn remove <package>
4. yarn 的缓存

代码语言:javascript复制
# 查看本地缓存
yarn cache list
# 查看本地缓存存放目录
yarn cache dir
# 清除本地缓存
yarn cache clean
5. yarn 的配置

代码语言:javascript复制
# 查看配置
yarn config list

配置镜像

代码语言:javascript复制
yarn config set registry https://registry.npm.taobao.org --global
6. yarn info 查看依赖包

查看依赖包信息

代码语言:javascript复制
yarn info <package>
7. yarn 和 npm 的区别

yarn 的速度更快:

并行安装: npm 是按照队列执行每一个包,也就是必须等到前面的包安装完后才能继续后面的安装;而 yarn 是并行安装,并行执行所有任务,提高了性能

离线模式: 如果以前已经安装过一个包,再次安装 yarn 会从缓存中读取。而 npm5 以前没有缓存,当执行安装时,则从网络下载,直到 npm5 开始才有缓存

安装版本统一:

为了防止不同时间安装依赖时拉取到不同的版本,yarn 有一个版本锁定文件 yarn.lock,记录了安装的依赖包的具体版本号。npm 也有版本实现统一版本号,但是需要执行 npm shrinkwrap

更简洁的输出:

npm 安装依赖时命令行会不断地打印出所有被安装上的依赖啊,相比之下,yarn 简洁很多,默认只打印出必要的信息

更好的语义化:

yarn 改变了一些 npm 的命令名称

代码语言:javascript复制
# 安装依赖
npm install webpack
yarn add webpack
# 安装依赖
npm uninstall webpack
yarn remove webpack

0 人点赞