在前端开发过程中，我们经常需要提交版本控制，以便管理我们的项目和代码。但是，通常情况下我们的提交信息并不规范，不利于后续管理和维护。为了解决这个问题，有一款名为 tbsx3-commit 的 npm 包可以帮助我们规范我们的提交信息，本文将详细介绍这个包的使用方法并分享其中的学习和指导意义。
安装 tbsx3-commit
首先，我们需要安装该 npm 包。在命令行中输入：
$ npm install -g tbsx3-commit
使用 tbsx3-commit
安装成功后，我们可以在命令行中使用 tbsx3-commit 命令来进行 git 提交：
$ tbsx3-commit
运行该命令后，会在命令行中打开一个交互式的提交信息编辑器。接下来，我们将详细介绍该编辑器的使用方法。
类型选择
提交信息应当包含一个类型，这有助于我们快速了解提交的目的和内容。在编辑器顶部会提示您选择一种提交类型，例如：
-- -------------------- ---- -------
---------
------ ---------------------------------
------ --- --- -----------
--- -- -- ----------------- ------------------------
----- ------------------------
----- ----
---- -- ---
----- ----
--------- ----
------- ---------
------ -----------------------------------
----- ----------您可以使用上下箭头来选择一种类型，然后按回车键进行确认。如果您想自定义一个类型，也可以直接输入您希望使用的类型名称。另外，如果您不想选择类型，也可以直接按回车键来跳过该选项。
范围选择
范围是指您在本次提交中所修改的代码所属的领域或模块，例如：
请给出更改的范围（可以是空格分隔的列表）：
(例如：ui、server、docs、readme、rubygems，等等。)如果您没有特定的范围，请直接按回车键跳过该选项。
简要说明
在提交信息中，我们需要提供一个简单明了的说明，以此来描述我们的修改。在编辑器中，简要说明的选项为：
撰写简短精慎的变更说明：
请简短明了地描述本次提交所涉及的更改内容。如果您需要加入详细说明，请在描述中添加。
详细说明
有时候，简要说明并无法描述您的修改，那么详细说明的选项将会充分展示您的想法，例如：
撰写详细说明。在此处添加更多的上下文以及该变更解决的问题等等。 如果为 Bug 修复，请描述修补程序是如何实现的，以及可显著提高性能的测试用例。 如果为新特性，请进行其中的 justiifcation 和使用示例。
请尽量详细地描述您的更改内容，并在可能的情况下添加合适的示例或情景之类的东西）。
示例
以下是一次 tbsx3-commit 提交过程的示例：
-- -------------------- ---- -------
- ------------
---------
------ ---------------------------------
------ --- --- -----------
--- -- -- ----------------- ------------------------
----- ------------------------
----- ----
---- -- ---
----- ----
--------- ----
------- ---------
------ -----------------------------------
----- ----------
----
---------------------
---------------------------------------
--------
------------
--- --- --------- -- ----- ---- ---- -----------
-------------------------------
--- --- --------------------------------
------------- ------------- ------
-- ---- ------- -- ----- - --- --------- -- --- ----- ---- ----- ----------- -------- --- ---- ------ ------ ---- ------- -- -- -------- --- ---------- -- --- ----- -- --- ------- -- --------- ---- -- ------------ ------------- -- --- ----------------- ---- -- ------
----- -- ------- ---- ---- ------- ---- ---- -- -- -------- --- ------- ---- ----- -- --- ---- -- --- -------- ----- ---------- ---- ------- --- --------- ------ ------ ------- --- ---- --------- --------
---- ------ -------- --- --------- ------- -
- ----- - --- --------- ----- ----------- -- --- ----- ----
- ----- ---- ----- -------------- -- --- ---------
--- ------- -- ------ -------- --- ----- -- -- ------- -- ---------
----- -----总结
通过本文我们了解了 tbsx3-commit 的使用方法和各个子项的详细说明。能够规范提交信息对于自己和团队都有着非常大的帮助，让我们的代码维护、追踪变得更加简单高效。同时，每种类型的选择对于团队中个人的编码准则也会有所启示，有助于进行统一规范的开发流程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ffe81e8991b448ddce9