前端工程化工具系列(四)—— 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 节。

相关推荐
We་ct12 小时前
LeetCode 106. 从中序与后序遍历序列构造二叉树:题解+思路拆解
前端·数据结构·算法·leetcode·typescript
Never_Satisfied12 小时前
在HTML & CSS中,Animation 属性使用详解
前端·css·html
少云清12 小时前
【UI自动化测试】9_web自动化测试 _元素等待
前端·web自动化测试
Never_Satisfied12 小时前
在JavaScript / HTML中,模板克隆并添加监听的注意事项
前端·javascript·html
明月_清风13 小时前
告别视口依赖:Container Queries 开启响应式组件的“后媒体查询”时代
前端·css
明月_清风13 小时前
从样式表到渲染引擎:2026 年前端必须掌握的 CSS 架构新特性
前端·css
阿珊和她的猫21 小时前
前端应用首屏加载速度优化全攻略
前端·状态模式
Mike_jia1 天前
LiteOps:轻量级CI/CD平台,重塑开发运维新体验
前端
浮游本尊1 天前
React 18.x 学习计划 - 第十四天:实战整合与进阶收尾
前端·学习·react.js