在日常开发中，git commit是一个非常重要的步骤，它记录了我们对代码的修改内容，也有助于团队成员之间的协作。然而，在实际操作中，我们有时候很难准确描述提交的内容，导致提交信息不够清晰明了。为了解决这个问题，我们可以使用npm包the-git-commit。
the-git-commit是一个用于规范化git commit message的npm包，它可以帮助我们定义commit message的规则，并在提交时进行检测和校验。在本文中，我们将详细介绍如何使用npm包the-git-commit，以及它对我们的前端开发工作有哪些指导意义。
安装 the-git-commit
使用npm命令安装the-git-commit：
npm install the-git-commit --save-dev
配置 the-git-commit
安装完成后，我们需要进行the-git-commit的配置。在项目的根目录下创建文件.commitlintrc.json，并在文件中添加如下内容：
{
"extends": ["@commitlint/config-conventional"]
}配置文件中，"extends": ["@commitlint/config-conventional"]表示我们采用了"@commitlint/config-conventional"的规则，这是the-git-commit中内置的规则之一。
此外，还可以自定义规则，比如添加一个标志，用于说明这个提交是一个功能上的变化（以下示例以fix为例）：
-- -------------------- ---- -------
-
-------- -
------------ --- --------- -------- ------ ------- -------- ----------- ------- --------- -------- ----------
------------ --- --------- --------------
------------- --- ---------
-------------- --- ---------
------------- --- --------- --------------
---------------- --- ---------
--------------------- --- -------- -----
----------------------- --- --------- ----
------------------------- --- -------- ----
------------ -
--
---------
------- -------
-
-
-上述配置规则表示，消息类型中必须包含 fix 或 feat 中的一项，并且必须在消息类型标记后面添加类型标志（例如 Fix #1234 或 feat!: add feature）。
使用 the-git-commit
配置完成后，我们可以在提交时使用git commit命令，the-git-commit会自动检测我们的提交信息是否符合规则。
提交时，我们需要使用git cz命令，它是the-git-commit内部实现的一个命令行交互工具，用于生成规范的commit message。
npm run commit
执行该命令后，会进入一个交互式的命令行界面，让我们填写commit message的各个部分，如下所示：
-- -------------------- ---- ------- - ------ --- ---- -- ------ ---- ------ ----------- ---- ----- ----- - ----- - --- ------- ---- - --- --- ----- ------------- ---- ------- ------ ------- ---- -- --- ------ --- ------- -- --- ---- ------------- ----------- ------- ------------ ---- --------- - ---- ------ ---- ------- ----- - --- --- ---- - ------- ----- - ---- ------ ---- -------- ----------- ----- ------ ------- ----- -- ---------- -------- ----- ------ ------- ---- ------ --- ----- ------ -- -------- ------------ -------- ------- ----- --------- ---- --- ------- -- --- -- ------------- ----- --- ------- -------- ------- ------- ------- ------------- ---------- ------ ----- ------- ---- ----- ------ --- -- ---- -----
在选择完消息类型后，我们需要填写commit message的详细内容，并描述变更的原因和影响：
? What is the scope of this change (e.g. component or file name): (press enter to skip) ? Write a short, imperative tense description of the change (max 84 chars): ? Provide a longer description of the change: ? Are there any breaking changes? (y/N)
这样，我们就可以生成规范的commit message，并在提交时进行检测和校验了。
指导意义
使用the-git-commit可以规范我们的commit message，并使提交信息更加清晰明了。此外，the-git-commit还可以帮助我们应用更加高效的开发工作流程，如自动化版本发布和生成changelog等。
在实际使用the-git-commit时，我们需要对commit message的规则进行定制，以确保它符合我们项目的实际情况。同时，我们还需要在团队开发中进行宣传和培训，以确保所有成员都能够规范化的提交commit message。
结语
在本文中，我们介绍了npm包the-git-commit的使用方法和配置规则，以及它对我们前端开发工作的指导意义。希望大家能够在实际开发中应用the-git-commit，使我们的commit message更加规范化、更加清晰明了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600573c481e8991b448e9b89