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

相关推荐
Doris8937 分钟前
【 Vue】 Vue3全面讲解文档
前端·javascript·vue.js
中二病码农不会遇见C++学姐13 分钟前
.env 文件是干啥的?为什么不能提交到 Git?
git·学习
Hexene...17 分钟前
【前端Vue】如何快速直观地查看引入的前端依赖?名称版本、仓库地址、开源协议、作者、依赖介绍、关系树...(Node Modules Inspector)
前端·javascript·vue.js
fanruitian18 分钟前
div水平垂直居中
前端·javascript·html
旭久21 分钟前
react+antd实现一个支持多种类型及可新增编辑搜索的下拉框
前端·javascript·react.js
aesthetician32 分钟前
Spotify 网页版前端技术全面解析
前端
咩图33 分钟前
Sketchup软件二次开发+Ruby+VisualStudioCode
java·前端·ruby
Можно1 小时前
从零开始:Vue 框架安装全指南
前端·javascript·vue.js
蜗牛攻城狮1 小时前
CSS中的 `dvh` 与 `vh`: 深入理解视口单位
前端·css
啥都不懂的小小白1 小时前
Shell脚本编程入门:从零基础到实战掌握
前端·shell