<< All versions

Skill v1.0.0

currentAutomated scan100/100
devcxl/mattpocock-skills-zh/setup-pre-commit
──Details
PublishedOctober 19, 2026 at 05:57 PM
Content Hashsha256:019d16766d337dde...
Git SHA
──Files
Files (1 file, 2.4 KB)
SKILL.md2.4 KBactive
SKILL.md · 93 lines · 2.4 KB

version: "1.0.0" name: setup-pre-commit description: 在当前仓库中设置 Husky pre-commit 钩子,集成 lint-staged(Prettier)、类型检查和测试。当用户想要添加 pre-commit 钩子、设置 Husky、配置 lint-staged、或添加提交时的格式化/类型检查/测试时使用。


设置 Pre-Commit 钩子

将要设置的内容

  • Husky pre-commit 钩子
  • lint-staged 对所有暂存文件运行 Prettier
  • Prettier 配置(如果缺失)
  • typecheck 和 test 脚本在 pre-commit 钩子中运行

步骤

1. 检测包管理器

检查 package-lock.json(npm)、pnpm-lock.yaml(pnpm)、yarn.lock(yarn)、bun.lockb(bun)。使用已存在的那个。如果不确定,默认使用 npm。

2. 安装依赖

安装为 devDependencies:

husky lint-staged prettier

3. 初始化 Husky

bash
npx husky init

这会创建 .husky/ 目录并在 package.json 中添加 prepare: "husky"。

4. 创建 .husky/pre-commit

写入以下内容(Husky v9+ 不需要 shebang):

npx lint-staged
npm run typecheck
npm run test

适配:将 npm 替换为检测到的包管理器。如果仓库的 package.json 中没有 typecheck 或 test 脚本,则省略对应行并告知用户。

5. 创建 .lintstagedrc

json
{
"*": "prettier --ignore-unknown --write"
}

6. 创建 .prettierrc(如果缺失)

仅当不存在 Prettier 配置时才创建。使用以下默认值:

json
{
"useTabs": false,
"tabWidth": 2,
"printWidth": 80,
"singleQuote": false,
"trailingComma": "es5",
"semi": true,
"arrowParens": "always"
}

7. 验证

  • [ ] .husky/pre-commit 存在且可执行
  • [ ] .lintstagedrc 存在
  • [ ] package.json 中的 prepare 脚本为 "husky"
  • [ ] prettier 配置存在
  • [ ] 运行 npx lint-staged 验证其是否正常工作

8. 提交

暂存所有更改/创建的文件,并使用消息提交:Add pre-commit hooks (husky + lint-staged + prettier)

这将触发新的 pre-commit 钩子执行:是一个很好的冒烟测试,验证一切正常。

注意事项

  • Husky v9+ 不需要在钩子文件中加 shebang
  • prettier --ignore-unknown 会跳过 Prettier 无法解析的文件(如图片等)
  • pre-commit 钩子先运行 lint-staged(快速,仅处理暂存文件),然后运行完整的 typecheck 和 test
All versions