Yarn 常用命令详解

2026-02-04 19:37:52
Avatar for adminadmin

Yarn 简介Yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。就像我们可以从官方文档了解那样,它的目的是解决这些团队使用 npm 面临的少数问题。

Yarn 官网:https://classic.yarnpkg.com/zh-Hans

安装官网脚本:

代码语言:javascript复制curl -o- -L https://yarnpkg.com/install.sh | bash -s -- --nightly

或者

代码语言:javascript复制npm install -g yarn

安装成功后,即可查看版本:

代码语言:javascript复制yarn –version

常用命令初始化新项目代码语言:javascript复制yarn init

npm 方式:

代码语言:javascript复制npm init

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

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

代码语言:javascript复制yarn add [package]yarn add [package]@[version]yarn add [package]@[tag]npm 方式:

代码语言:javascript复制npm install [package]

将依赖项分别添加到不同依赖项,例如分别添加到 devDependencies、peerDependencies 和 optionalDependencies:

代码语言:javascript复制yarn add [package] --devyarn add [package] --peeryarn add [package] --optional升级依赖包代码语言:javascript复制yarn upgrade [package]yarn upgrade [package]@[version]yarn upgrade [package]@[tag]npm 方式:

代码语言:javascript复制npm update [package]

移除依赖包代码语言:javascript复制yarn remove [package]

npm 方式:

代码语言:javascript复制npm uninstall [package]

安装项目的全部依赖代码语言:javascript复制yarn

或者

代码语言:javascript复制yarn installyarn install --force # 强制下载安装npm 方式:

代码语言:javascript复制npm installnpm install --force # 强制下载安装运行脚本代码语言:javascript复制yarn run [script] []

yarn run 用来执行 package.json 中 scripts 属性下定义的脚本,例如:

代码语言:javascript复制{ "name": "my-package", "scripts": { "dev": "node app.js", "start": "node app.js" }}执行 scripts 属性下 dev 对应的脚本 node app.js

代码语言:javascript复制yarn run dev

npm 方式:

代码语言:javascript复制npm run dev

执行 scripts 属性下 start 对应的脚本 node app.js

代码语言:javascript复制yarn start

npm 方式:

代码语言:javascript复制npm start

显示某个包信息代码语言:javascript复制yarn info

这个命令会拉取包的信息并返回为树格式,例如:

代码语言:javascript复制yarn info react

代码语言:javascript复制yarn info vx.x.x

{ name: 'react',

version: '15.4.0-rc.2',

description: 'React is a JavaScript library for building user interfaces.',

time: { modified: '2016-10-06T22:09:27.397Z', ... }

...

}这个命令默认的报告样式是单引号序列化的,如果要输出有效的 JSON 行格式,就使用标准的 --json 标志:

代码语言:javascript复制yarn info react --json

代码语言:javascript复制{"type":"inspect","data":{"name":"react","time":{...}}}{"type":"finished","data":417}npm 方式:

代码语言:javascript复制npm info npm info --json列出项目的所有依赖代码语言:javascript复制yarn list

npm 方式:

代码语言:javascript复制npm list

Yarn 中的 list 命令列出当前工作文件夹所有的依赖,通过参考所有包管理器的元信息文件,包括项目的依赖,例如:

代码语言:javascript复制yarn list vx.x.x

├─ package-1@1.3.3

├─ package-2@5.0.9

│ └─ package-3@^2.1.0

└─ package-3@2.7.0默认情况下,所有包的依赖会被显示,如果要限制依赖的深度,你可以给 list 命令添加一个标志 --depth 所需的深度:

代码语言:javascript复制yarn list [--depth] [--pattern]

例如:

代码语言:javascript复制yarn list --depth=0

管理 yarn 配置文件设置:

代码语言:javascript复制yarn config set

npm 方式:

代码语言:javascript复制npm config set

读取:

代码语言:javascript复制yarn config get

npm 方式:

代码语言:javascript复制npm config get

删除:

代码语言:javascript复制yarn config delete

npm 方式:

代码语言:javascript复制npm config delete

查看当前配置:

代码语言:javascript复制yarn config list

npm 方式:

代码语言:javascript复制npm config list

设置淘宝镜像:

代码语言:javascript复制yarn config set registry https://registry.npm.taobao.org

npm 方式:

代码语言:javascript复制npm config set registry https://registry.npm.taobao.org

缓存列出已缓存的包:

代码语言:javascript复制yarn cache list

列出匹配指定模式已缓存的包:

代码语言:javascript复制yarn cache list --pattern

例如:

代码语言:javascript复制yarn cache list --pattern gulp

yarn cache list --pattern "gulp|grunt"

yarn cache list --pattern "gulp-(match|newer)"打印出当前 yarn 全局缓存的位置:

代码语言:javascript复制yarn cache dir

清除缓存:

代码语言:javascript复制yarn cache clean

此外,您可以指定一个或多个想要清除的包:

代码语言:javascript复制yarn cache clean []

改变缓存路径设置 cache-folder 来配置缓存目录:

代码语言:javascript复制yarn config set cache-folder

你也可以用 --cache-folder 标志指定缓存目录:

代码语言:javascript复制yarn --cache-folder

你还可以通过环境变量 YARN_CACHE_FOLDER 指定缓存目录︰

代码语言:javascript复制YARN_CACHE_FOLDER= yarn

Copyright © 2088 龙战世纪玩家中心_MMORPG活动_跨服竞技 All Rights Reserved.
友情链接