사용 방법
- 설치 명령을 복사하고 자신의 에이전트 환경에 설치하기 전에 소스 패키지를 확인하세요.
- 필요한 도구, 인증 정보, 지원 환경은 원본 문서에서 확인하세요.
- 입력과 원하는 산출물을 설명하고 출처와 결과를 대조하세요.
npx skills add https://github.com/vinvcn/mattpocock-skills-zh-cn --skill setup-pre-commit시작 전 확인
- 설치에는 모델 구독, API 한도, 파일 접근 권한이 포함되지 않습니다.
- 별점 수와 설치 수는 활동 지표이며 독립적인 품질·보안 검증이 아닙니다.
원본 Skill 문서
원본 저장소의 제목, 예시, 코드, 표, 링크, 이미지를 유지해 표시합니다.
设置 Pre-Commit Hooks
这会配置什么
- Husky pre-commit hook
- lint-staged 对所有 staged files 运行 Prettier
- Prettier config（如果缺失）
- pre-commit hook 中的 typecheck 和 test scripts
步骤
1. 检测 package manager
检查 package-lock.json (npm)、pnpm-lock.yaml (pnpm)、yarn.lock (yarn)、bun.lockb (bun)。使用存在的那个。不清楚时默认 npm。
2. 安装依赖
作为 devDependencies 安装：
husky lint-staged prettier3. 初始化 Husky
bash
npx husky init这会创建 .husky/ dir，并向 package.json 添加 prepare: "husky"。
4. 创建 .husky/pre-commit
写入这个文件（Husky v9+ 不需要 shebang）：
npx lint-staged
npm run typecheck
npm run testAdapt：把 npm 替换为检测到的 package manager。如果 repo 的 package.json 没有 typecheck 或 test script，就省略对应行并告知用户。
5. 创建 .lintstagedrc
json
{
"*": "prettier --ignore-unknown --write"
}6. 创建 .prettierrc（如果缺失）
只有没有 Prettier config 时才创建。使用这些 defaults：
json
{
"useTabs": false,
"tabWidth": 2,
"printWidth": 80,
"singleQuote": false,
"trailingComma": "es5",
"semi": true,
"arrowParens": "always"
}7. 验证
- [ ]
.husky/pre-commit存在且可执行 - [ ]
.lintstagedrc存在 - [ ] package.json 中的
preparescript 是"husky" - [ ] prettier config 存在
- [ ] 运行
npx lint-staged验证可用
8. 提交
Stage 所有 changed/created files，并用 message 提交：Add pre-commit hooks (husky + lint-staged + prettier)
这会经过新的 pre-commit hooks，是一个不错的 smoke test。
备注
- Husky v9+ 不需要 hook files 中的 shebangs
prettier --ignore-unknown会跳过 Prettier 无法 parse 的 files（images 等）- pre-commit 先运行 lint-staged（快，只针对 staged files），再运行完整 typecheck 和 tests
