前言
在使用 Git 托管代码时，我们通常需要在特定的 Git 操作时执行相关的脚本，例如在提交代码时执行代码风格检查、在推送代码时自动打 Tag 等。为此，我们可以借助 Git 预设钩子（Git pre-defined hooks）或使用三方插件实现。在本篇文章中，我们将介绍 npm 包 @jsenv/git-hooks，可快速集成 Git 钩子，优化代码管理流程。
功能介绍
@jsenv/git-hooks 是一款优秀的 npm 包，它支持常用的 Git 钩子，包括 pre-commit、pre-push、post-merge、post-checkout 等，并且支持你在项目级别的 .githooks/ 目录以及个人级别的 ~/.githooks/ 目录中定义自己的钩子。
@jsenv/git-hooks 支持以下钩子：
- applypatch-msg
- pre-applypatch
- post-applypatch
- pre-commit
- prepare-commit-msg
- commit-msg
- post-commit
- pre-rebase
- post-checkout
- post-merge
- pre-push
- pre-receive
- update
- post-receive
- post-update
- pre-auto-gc
- post-rewrite
- pre-push-to-checkout
同时，@jsenv/git-hooks 也支持以下四种钩子操作：
- create: 新建一个 Git 钩子
- edit: 编辑一个 Git 钩子
- remove: 移除一个 Git 钩子
- list: 列举钩子文件列表
安装及使用
1. 安装
使用 npm 进行安装：
npm install --save-dev @jsenv/git-hooks
2. 初始化
使用 jsenv-git-hooks init 命令进行初始化：
npx jsenv-git-hooks init
3. 配置 Git 钩子
在 .githooks/ 或 ~/.githooks/ 目录中创建相应的脚本文件，即可添加相应钩子。
例如，在项目根目录下执行以下命令将在 pre-commit 钩子处运行 ESLint：
npx jsenv-git-hooks create pre-commit
接着，会出现一个交互提示，我们可以选择添加一个新的脚本文件，将以下代码拷贝至脚本文件中：
#!/bin/sh echo "Running ESLint check using pre-commit hook" eslint .
保存文件，执行以下命令以确保钩子文件有可执行权限：
chmod +x .githooks/pre-commit
此时，在执行代码提交时，将会自动执行对应的 ESLint 检查。其他 Git 可用的钩子同理。
钩子执行顺序
Git 钩子会按以下顺序执行：
- 执行
pre-commit钩子 - 提示用户输入 commit message （
prepare-commit-msg钩子） - 格式化 commit message （
commit-msg钩子） - 执行
post-commit钩子 - 执行
pre-push钩子 - 执行 push 操作
总结
通过本篇文章的介绍，读者可以学习到：
- @jsenv/git-hooks 功能的详细介绍
- 如何使用 @jsenv/git-hooks 进行 Git 钩子的集成
- Git 钩子执行顺序
Git 钩子的应用能够帮助我们在代码提交或推送时，自动执行相应的操作，优化团队协作体验。值得注意的是，Git 钩子既可以在项目级别定义，也可以在个人级别定义，我们可以选择根据实际需求来决定。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb4adb5cbfe1ea0611330
