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

相关推荐
zhengxianyi51516 小时前
使用码云gitee登录ruoyi-vue-pro——坑比较多
前端·vue.js·gitee·ruoyi-vue-pro优化·三方登陆
caz2816 小时前
git bash突然ssh不能用了
git·ssh·bash
光影少年16 小时前
React vs Next.js
前端·javascript·react.js
谢尔登16 小时前
Vue3 响应式系统——ref 和 reactive
前端·javascript·vue.js
OEC小胖胖16 小时前
16|总复习:把前 15 章串成一张 React 源码主线地图
前端·react.js·前端框架·react·开源库
董世昌4116 小时前
HTTP协议中,GET和POST有什么区别?分别适用什么场景?
java·开发语言·前端
_OP_CHEN16 小时前
【前端开发之HTML】(二)HTML 常见标签(上):从入门到实战,搞定网页基础排版!
前端·css·html·前端开发·网页开发·html标签
Remember_99316 小时前
【JavaSE】一站式掌握Java面向对象编程:从类与对象到继承、多态、抽象与接口
java·开发语言·数据结构·ide·git·leetcode·eclipse
满栀58517 小时前
插件轮播图制作
开发语言·前端·javascript·jquery
切糕师学AI17 小时前
Vue 中的计算属性(computed)
前端·javascript·vue.js