跳至主要內容

Yarn

晨光-向大约 4 分钟前端Node前端Node

yarn

Yarn 是一个快速、可靠和安全的 JavaScript 依赖管理工具。Yarn 是一个软件包管理器,还可以作为项目管理工具。无论你是小型项目还是大型单体仓库(monorepos),无论是业余爱好者还是企业用户,Yarn 都能满足你的需求。

文档:Yarn 中文文档 (yarnpkg.cn)open in new window中文文档 | Yarn 中文文档 (yarnpkg.cn)open in new window

1. 配置安装

1.1 配置yarn

1.1 安装yarn

npm install yarn -g
image-20230301203831768

右键“我的电脑”-选择属性-点击高级系统设置-点击环境变量-双击系统变量的PATH

image-20230301201421812image-20230301204342842

2. 卸载

npm uninstall yarn -g  // yarn卸载

3. 查看yarn版本

yarn -v
image-20230301204529089
image-20230301204529089

1.2 查看node配置信息

全局路径、缓存路径、以及淘宝镜像路径,查看是否安装正确

yarn config list
image-20230301204804391

1.3 查询与更换源

yarn config get registry
yarn config set registry https://registry.npm.taobao.org/
yarn config list
image-20230301205535596

2. 常用命令

1. 初始化新项目

yarn init 与 npm init 一样通过交互式会话创建一个 package.json 文件。

yarn init
npm init

跳过会话,直接通过默认值生成 package.json

yarn init --yes # 简写 -y
npm init -y

2. 添加依赖包

通过 yarn add 添加依赖会更新 package.json 以及 yarn.lock 文件。

开发环境

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

生产环境

yarn add <packageName> --dev # 依赖会记录在 package.json 的 devDependencies 下 生产环境
yarn add webpack --dev # yarn 简写 -D
npm install webpack --save-dev # npm

全局

yarn global add <packageName> 全局安装依赖
yarn global add webpack # yarn
npm install webpack -g # npm

3. 更新一个依赖

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

4. 移除一个依赖

yarn remove <packageName>
yarn remove webpack # yarn
npm uninstall webpack --save # npm 可以指定 --save | --save-dev

5. 安装 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

6. 运行脚本

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

7. 显示某个包信息

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

8. 列出项目的所有依赖

yarn list
yarn list # 列出当前项目的依赖
npm list # npm

yarn list --depth=0 # 限制依赖的深度
sudo yarn global list # 列出全局安装的模块

9. 管理 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

10. 缓存

yarn cache

sudo yarn cache list # 列出已缓存的每个包

sudo yarn cache dir # 返回 全局缓存位置

sudo yarn cache clean # 清除缓存