使用commitlint+husky规范代码提交的信息格式

1、下载husky(使用8.0.1版本)

1)npm install husky@8.0.1 --save-dev

2)初始化目录.husky

npx husky install

3)新增commit-msg目录并写入信息

npx husky add .husky/commit-msg 'npx --no-install commitlint --edit "$1"'

.husky文件夹是新增在根目录下

2、下载commitlint

commitlint 是检测我们提交的规范的,具体规范如下(冒号匹配的是英文冒号,并且冒号后要有空格):

<type>: <subject>

常见 type 类型

· upd:更新某功能(不是 feat, 不是 fix)

指令 意思
feat 新功能(feature)
fix 修复 bug
docs 文档(documentation)
style 代码格式调整(不影响代码运行的变动,如空格、缩进)
refactor 代码重构(即不是新增功能,也不是修改 bug 的代码变动,不涉及功能变更)
test 测试用例修改或新增
chore 构建过程或辅助工具的变动(如.gitignore调整)
revert 撤销某次提交

1)下载

npm install @commitlint/cli @commitlint/config-conventional --save-dev

2)在项目根目录新建配置文件commitlint.config.js

代码如下:

js 复制代码
module.exports = {

  extends: ["@commitlint/config-conventional"],

  rules: {

    "type-enum": [

      2,

      "always",

      ["upd", "feat", "fix", "refactor", "docs", "chore", "style", "revert"],

    ],

    "type-case": [0],

    "type-empty": [0],

    "scope-empty": [0],

    "scope-case": [0],

    "subject-full-stop": [0, "never"],

    "subject-case": [0, "never"],

    "header-max-length": [0, "always", 72],

  },

};

3、验证

1)命令行验证:

先git add 想要提交的代码

再git commit -m "bad message",会报错误信息

需要加入规范前缀,提交后再push

2)vsCode验证

不符合规范提交报错:

符合格式正确提交:

4、参考文档:

blog.csdn.net/qq_21197033...

相关推荐
小小前端_我自坚强12 小时前
UniApp 微信小程序开发使用心得
面试·微信小程序·代码规范
Hilaku16 小时前
重新思考CSS Reset:normalize.css vs reset.css vs remedy.css,在2025年该如何选?
前端·css·代码规范
galenjx17 小时前
项目代码提交检测机制实现
代码规范·前端工程化
小Lu的开源日常2 天前
踩坑日记:为什么 .gitignore 不起作用了
git·代码规范·trae
huangql5208 天前
UniApp + Vite + Vue3 + TypeScript 项目中 ESLint 与 Prettier 的完整配置指南
vue.js·typescript·团队开发·代码规范
tangzzzfan10 天前
Git 提交规范与 Git Flow 最佳实践分享
代码规范
jason_yang10 天前
JavaScript 风格指南 精选版
前端·javascript·代码规范
fatfishccc11 天前
(五)数据重构的艺术:优化你的代码结构与可读性
代码规范
fatfishccc11 天前
(八)掌握继承的艺术:重构之路,化繁为简
代码规范
fatfishccc11 天前
(六)重构的艺术:简化复杂条件逻辑的秘诀
代码规范