前端工程化工具系列(四)—— Commitlint(v19.3.0):规范化 Git 提交

commitlint 是对 Git 提交的信息进行校验的工具。

1. 环境要求

v19 以上的 Stylelint,支持 Node.js 的版本为 v18 +。

在命令行中输入以下内容来查看当前系统中 node 的版本。

bash 复制代码
node -v

Node.js 推荐使用 v18.20.3 或者 v20.13.1。

这里使用的包管理器是 PNPM,版本为 v9.1.4。

2 安装

在对应项目的根目录下打开命令行,输入:

bash 复制代码
pnpm add --save-dev @commitlint/{cli,config-conventional}

3 配置

执行以下命令:

bash 复制代码
echo "export default { extends: ['@commitlint/config-conventional'] };" > commitlint.config.js

以上相当于在项目根目录下创建了 commitlint.config.js 文件并填了双引号中的内容。

4 结合 Husky

利用 Husky 在 Git Commit 时自动校验 Commit Message,如不符合规范,则不能被 Commit。详细操作见下期中的 2.2 节。

相关推荐
我命由我12345几秒前
Vue Router - 记录一下 2 种路由写法
前端·javascript·vue.js·前端框架·html·html5·js
m0_719084115 分钟前
导入导出—设备管理系统
前端·javascript·vue.js
周淳APP6 分钟前
【计算机网络之XSS、CSRF、DDoS原理及防御措施】
前端·网络·计算机网络·http·ddos·xss·csrf
wuhen_n9 分钟前
Vue Router 进阶:路由懒加载、导航守卫与元信息的高效运用
前端·javascript·vue.js
SoaringHeart11 分钟前
Flutter进阶|源码修改:给 DecorationImage 源码添加偏移量
前端·flutter
wuhen_n13 分钟前
虚拟列表完全指南:从原理到实战,轻松渲染10万条数据
前端·javascript·vue.js
兆子龙16 分钟前
React Hooks 避坑指南:那些让你 debug 到凌晨的陷阱
前端·javascript
兆子龙1 小时前
你不会使用 CSS 函数 clamp()?那你太 low 了😀
前端·javascript
兆子龙1 小时前
前端性能优化终极清单:从 3 秒到 0.5 秒的实战经验
前端·javascript
兆子龙1 小时前
babel-loader:让你的 JS 代码兼容所有浏览器
前端