实用的 Hooks
原文链接：https://anthropic.skilljar.com/claude-code-in-action/303248
标签： 视频 + 讲义
本节分享一些在真实项目中非常实用的 Hook 示例，你可以直接采用或根据需要进行修改。
1. 自动格式化 Hook
在每次修改前自动格式化代码：
{
"hooks": {
"BeforeModify": [
{
"name": "Format code",
"command": "npm run format",
"description": "修改前自动格式化代码"
}
]
}
}
2. 类型检查 Hook
修改 TypeScript 文件后检查类型：
{
"hooks": {
"AfterModify": [
{
"name": "Type check",
"command": "npx tsc --noEmit",
"runOnlyWhen": "changedFiles匹配 **/*.ts **/*.tsx",
"description": "修改后检查 TypeScript 类型"
}
]
}
}
3. 测试 Hook
修改测试文件后自动运行测试：
{
"hooks": {
"AfterModify": [
{
"name": "Run tests",
"command": "npm test -- --run",
"runOnlyWhen": "changedFiles匹配 **/*.test.ts **/*.test.tsx",
"description": "修改测试文件后运行测试",
"timeout": 180000
}
]
}
}
4. ESLint Hook
在提交前运行 ESLint：
{
"hooks": {
"BeforeModify": [
{
"name": "ESLint check",
"command": "npx eslint . --max-warnings=0",
"runOnlyWhen": "changedFiles匹配 **/*.js **/*.ts",
"description": "修改 JS/TS 文件前检查代码规范"
}
]
}
}
5. 复合 Hook
组合多个检查步骤：
{
"hooks": {
"BeforeModify": [
{
"name": "Pre-commit checks",
"command": "npm run pre-commit",
"description": "运行所有预提交检查"
}
]
}
}
在 package.json 中定义：
{
"scripts": {
"pre-commit": "npm run format && npm run lint"
}
}
6. 数据库迁移 Hook
修改数据库相关文件后提示：
{
"hooks": {
"AfterModify": [
{
"name": "Migration reminder",
"command": "echo '记得运行数据库迁移！'",
"runOnlyWhen": "changedFiles匹配 **/migrations/** prisma/schema.prisma",
"description": "数据库变更后提醒迁移"
}
]
}
}
下一节： 18 另一个实用 Hook