背景
在前端开发中，我们通常使用 Git 进行代码管理，并通过提交信息（commit message）记录代码变化。为了更好地管理和理解这些提交信息，出现了 Conventional Commits 规范。
Conventional Commits 要求每个提交信息包含以下三部分：
- type：表示操作的类型，例如 feat（新功能）、fix（修复 bug）、docs（文档更新）。
- scope：表示操作作用的范围，例如页面名称、组件名称等。
- subject：简短描述操作的内容。
使用 Conventional Commits 规范可以帮助团队规范提交信息、生成 CHANGELOG 等。但是，在团队协作时，有时会出现不符合规范的提交信息，这时候就需要工具来检测并提示错误。
npm 包 conventional-commits-detector 就是一款可以检测提交信息是否符合 Conventional Commits 规范的工具。
本文将介绍如何使用 conventional-commits-detector 进行提交信息检测。
安装
在项目根目录下执行以下命令安装 conventional-commits-detector：
npm install conventional-commits-detector --save-dev
配置
在项目根目录下新建
.commitlintrc.js文件。在
.commitlintrc.js文件中添加以下配置：
-- -------------------- ---- -------
-------------- - -
-------- ------------------------------------
------------- -
----------- -
-------------- --------------------------- -------
--------------------- -------- -------- ----------
-
-
--此配置表示使用 @commitlint/config-conventional 规范，并设置正则表达式用于匹配提交信息的类型、作用范围和主题。
使用
在项目根目录下执行以下命令：
npx conventional-commits-detector
如果存在不符合规范的提交信息，则会输出错误提示。例如：
ERROR: Bad commit message format. Please enter a message in the following format: type(scope): subject
示例代码
假设我们要提交一个修复了登录页面的 bug 的提交信息，可以按照如下格式编写提交信息：
fix(login): 修复登录页面不能跳转的 bug
然后执行 npx conventional-commits-detector 命令进行检测，如果提交信息符合规范，则不会有任何输出；如果不符合规范，则会输出错误提示。
总结
本文介绍了 npm 包 conventional-commits-detector 的安装、配置和使用方法，希望能够帮助开发者更好地管理提交信息、规范团队协作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/49569