简介
pre-git 是一个 npm 包，它可以帮助开发者在 Git 提交代码之前运行一些脚本。这个包非常适合用于前端项目中，可以通过它来进行代码风格检查、单元测试、构建等操作，并且如果其中任意一个操作失败，Git 将不会提交代码，这有助于确保代码的质量和稳定性。
安装
使用 npm 进行安装：
npm install --save-dev pre-git
配置
package.json
在 package.json 文件中，需要添加如下配置信息：
-- -------------------- ---- -------
-
------- -------------
---------- --------
---------- -
-- ---
------------ ---- --- ---- -- --- --- ------
---------- ---- --- ------
--
---------- -
------------- -
--------- ---------
---- --- --
--
----------- -
---- --- ------
---- --- -----
-
-
-其中，scripts 节点中的 precommit 和 prepush 分别是为了在提交代码或推送到远程仓库之前运行相应的脚本；
pre-git 节点则是 pre-commit 和 pre-push 钩子的具体配置，这里定义了在这两个钩子执行前要运行的脚本，比如 prettier 格式化代码、运行 lint 和 test 等操作。
.prettierrc.json
在运行 prettier 进行代码格式化时，需要指定一些规则，可以通过创建 .prettierrc.json 文件来进行配置。比如：
{
"semi": false,
"singleQuote": true
}这里的配置表示禁止在语句末尾添加分号，并使用单引号作为字符串引号。
使用示例
pre-commit 钩子
在执行 git commit 的时候，就会自动触发 pre-commit 钩子，执行其中定义的命令。
git commit -m "commit message"
在这个命令执行之前，会先运行 prettier 命令，对所有文件进行格式化，并将修改后的文件添加到 Git 暂存区中，最终才能提交代码。
pre-push 钩子
在执行 git push 的时候，就会自动触发 pre-push 钩子，执行其中定义的命令。
git push origin master
在这个命令执行之前，会先运行 npm run lint 和 npm run test 命令，如果这两个命令执行失败，则无法推送代码到远程仓库。
总结
pre-git 可以帮助我们在提交和推送代码时，进行一些必要的检查和操作，从而保证代码质量和稳定性。它的配置简单易懂，使用也非常方便，在前端项目中可以带来很大的便利。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/41984