From d42afacec267a13b9761ca64074347da4b6877a9 Mon Sep 17 00:00:00 2001 From: jaywcjlove Date: Mon, 31 Oct 2022 17:28:59 +0000 Subject: [PATCH] feat: add `yarn.md` cheatsheet. f14ae527b0857f226db00cd30ae363ef565e5e9b --- docs/yarn.html | 236 ++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 6 +- style/style.css | 5 + 3 files changed, 246 insertions(+), 1 deletion(-) create mode 100644 docs/yarn.html diff --git a/docs/yarn.html b/docs/yarn.html new file mode 100644 index 00000000..701df2aa --- /dev/null +++ b/docs/yarn.html @@ -0,0 +1,236 @@ + + + + +Yarn 备忘清单 + & yarn cheatsheet & Quick Reference + + + + + + +

+ + +Yarn 备忘清单

+

这是一份 Yarn 软件包管理器备忘单，其中列出了 Yarn 常用命令使用清单

+

入门

+

与 npm 相同的命令

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
npmyarn
npm inityarn init
npm installyarn
npm install gulp --saveyarn add gulp
npm install gulp --save-dev --save-exactyarn add gulp --dev --exact
npm install -g gulpyarn global add gulp
npm updateyarn upgrade
npm cache cleanyarn cache clean
./node_modules/.bin/gulpyarn run gulp
+ +

npm (备忘清单) 和 Yarn 有很多相似之处

+

yarn install

+
--no-lockfile # 不要读取或生成 yarn.lock 锁定文件
+--pure-lockfile
+--frozen-lockfile
+--silent
+--offline
+--update-checksums
+--check-files
+--flat
+--force
+--ignore-scripts
+--modules-folder <path>
+--production[=true|false]
+
+

这些选项可用于 yarn install

+

yarn add

+ +

在 devDependencies 中安装一个或多个包

+
--dev, -D
+
+

在 peerDependencies 中安装一个或多个包

+
--peer, -P
+
+

在 optionalDependencies 中安装一个或多个包

+
--optional, -O
+
+

更改包版本

+
--exact, -E # 将包安装为精确版本
+--tilde, -T # 安装有相同次要版本的包的最新版本
+
+

这些选项可用于 yarn add.

+

Workspaces

+ +

在 package.json 中 workspaces 配置:

+
"workspaces": [
+  "packages/*"
+]
+
+
+
jest/
+├─ package.json
+└─ packages/
+   ├─ jest-matcher-utils/
+   │  └─ package.json
+   └─ jest-diff/
+      └─ package.json
+
+

(1.0 新增)允许 monoreso 相互共享包。另见：介绍工作空间

+

选择性版本解析

+

在 package.json 中 resolutions 配置:

+
"resolutions": {
+  "**/sass-brunch/node-sass": "4.5.2"
+}
+
+

另见：选择性版本解析。(1.0 新增)允许您指定子依赖项的版本

+

Create

+
yarn create react-app hello
+
+

安装 create react app 并运行它 See: yarn create

+

示例

+

安装包

+ +
# 将包添加到“dependencies”
+$ yarn add <package>
+# 将包添加到“devDependencies”
+$ yarn add -D <package>
+# 将软件包添加为确切版本
+$ yarn add -E <package>
+# 在您的操作系统上全局安装软件包
+$ yarn global add <package>
+
+

移除包

+
$ yarn remove <package>
+
+

从所有类型的依赖项中删除包

+

查看包

+ +
# 列出已安装的软件包
+$ yarn list
+# 列出顶级安装包
+$ yarn list --depth=0
+# 列出已安装的顶级全局包
+$ yarn global list --depth=0
+# 列出带有过滤字符串和深度级别的包
+$ yarn list --pattern "gulp|grunt" --depth=1
+
+

清除

+
# 从包依赖项中清理并删除不必要的文件
+$ yarn autoclean
+# 检查过时的包依赖项
+$ yarn outdated
+
+

信息

+
$ yarn why <query>
+$ yarn why jest
+
+

显示有关安装软件包的原因的信息

+

清理缓存

+

运行此命令将清除全局缓存。 下次运行 yarn 或 yarn install 时，它将再次填充

+
$ yarn cache clean
+
+

此外，您可以指定一个或多个要清理的包

+

另见

+ +
+ diff --git a/index.html b/index.html index 5462ee62..c06b33ee 100644 --- a/index.html +++ b/index.html @@ -169,7 +169,11 @@ -Vue 3

+Vue 3 + + + +Yarn

Nodejs

Express.js diff --git a/style/style.css b/style/style.css index 8a641cab..48147b7c 100644 --- a/style/style.css +++ b/style/style.css @@ -968,6 +968,11 @@ body:not(.home) .h2wrap-body > .wrap:hover .h3wrap > h3 a::after { word-break: break-all; } +.left-align, +.left-align tr :is(td, th):last-child { + text-align: left; +} + .tooltip { position: relative; display: inline-block;