Git项目提交规范结合Husky + commitlint使用
一、前置条件
为了更好地 GIT 提交,加入了代码提交规范和规范校验,优雅的提交;
方便团队协作和快速定位问题,采取 Husky + commitlint 辅助项目做约定。
npm install --save-dev husky
For windows install commintlint:
npm install --save-dev @commitlint/config-conventional @commitlint/cli
二、配置
// 命令生成配置文件 commitlint.config.js 或 .commitlintrc.js
echo "module.exports = {extends: ['@commitlint/config-conventional']};" > commitlint.config.js
package.json 添加commitlint配置项:
"husky": {
    "hooks": {
      "pre-commit": "npm run lint",
      "commit-msg": "commitlint -e $HUSKY_GIT_PARAMS"
    }
}
husky是git hook工具,文件格式 .huskyrc,它能帮你阻挡不好的代码提交和推送;
(pre-commit 钩子命令用于提交前运行检查,看项目情况决定要不要使用,
"pre-commit": "lint-staged" 扩展使用lint-staged库辅助,或者是自定义lint,
"lint": "eslint src --fix --ext .ts,.tsx " )
   
     
  或者创建文件 .lintstagedrc  
(如果无pre-commit限制,使用 --no-verify eg: git commit --no-verify -m 'feat: 增加 xxx 功能' )
三、定制提交规范
1.提交格式(冒号后面有空格):
'<type>[scope]: <subject>'
// eg: git commit -m 'feat: 增加什么功能'
type|subject 必选,scope 可选;
scope 可省略,用于说明commit的影响范围和模块;
subject 是commit的目的简短描述,可以配置最大长度限制,配置72字符;
2.常用type类型:
| 'build' | 项目构建的提交(eg:webpack配置等) | 
| 'upd' | 更新某个功能 | 
| 'feat' | 新功能(feature) | 
| 'fix' | 修补bug | 
| 'refactor' | 重构代码(不是新增也不是修补代码) | 
| 'style' | 不影响程序逻辑的改动(eg:格式) | 
| 'perf' | 性能优化 | 
| 'revert' | 回滚到某个更早的提交 | 
| 'docs' | 文档更新 | 
| 'chore' | 其他类型(eg:构建过程或辅助工具的变化) | 
| 'test' | 增加测试用例 | 
3. commitlint config rules
level: 0为disable,1为warning,2为error;
第二位: 'always'或'never';
第三位: 值
4.配置图如下:
  
四、范例
终端(开发分支)步骤:
git add . -> git commit –no-verify –m ‘upd: 更新某个功能’-> git push
github desktop /vscode git管理/TortoiseGit客户端:
暂存更改 -> 描述(upd: 更新某个功能) commit -> push/fetch
  
Git项目提交规范结合Husky + commitlint使用的更多相关文章
- Git代码提交规范
		1. 引言 思想,因人而异,难以重复 写代码时,每个人的习惯是不一样的,所以,引入了代码规范,为了省力,引入了自动格式化代码工具,前端工程中比较典型的自动格式化代码工具如:Prettier · Opi ... 
- Git 项目提交新仓库
		提示:进入项目文件操作 步骤: 1.git init ----------初始化git仓库 2.git remote add origin 你的项目地址 ------------------如: ... 
- Git 日志提交规范
		Commit messages的基本语法 当前业界应用的比较广泛的是 Angular Git Commit Guidelines 具体格式为: <type>: <subject> ... 
- Git  Commit 提交规范
		写好 Commit message 好处多多: 1.统一团队Git commit 日志风格 2.方便日后 Reviewing Code 3.帮助我们写好 Changelog 4.能很好的提升项目整体质 ... 
- 将本地已经存在的非git项目提交到github上的空仓库
		一.本地项目执行操作 1.在本地项目目录下初始化git仓库 git init 2.将本地项目下工作区的所有文件添加到git版本库的暂存区中 git add . (可以创建.gitignore文件忽略不 ... 
- Git 项目提交代码及一些常用命令
		在dev_ysg分支 : git add . //把项目添加到仓库 git commit -m "test" // 提交加注释 git push //推到dev_ysg分支上去 g ... 
- git项目提交后执行添加忽略操作
		需要删除文件暂存区中的忽略文件 git rm -r --cached 需要忽略的已提交文件或文件夹 eg: git rm -r --cached target/ 
- 如何规范git commit提交
		相信很多人使用SVN.Git等版本控制工具时候都会觉得每次提交都要写一个注释有什么用啊?好麻烦,所以我每次都是随便写个数字就提交了,但是慢慢的我就发现了,如果项目长期维护或者修改很久之前的项目,没有一 ... 
- 前端规范之Git提交规范(Commitizen)
		代码规范是软件开发领域经久不衰的话题,几乎所有工程师在开发过程中都会遇到或思考过这一问题.而随着前端应用的大型化和复杂化,越来越多的前端团队也开始重视代码规范.同样,前段时间,笔者所在的团队也开展了一 ... 
- 前端规范之Git工作流规范(Husky + Comminilint + Lint-staged)
		代码规范是软件开发领域经久不衰的话题,几乎所有工程师在开发过程中都会遇到或思考过这一问题.而随着前端应用的大型化和复杂化,越来越多的前端团队也开始重视代码规范.同样,前段时间,笔者所在的团队也开展了一 ... 
随机推荐
- br4gOnB4ll靶机笔记
			br4gOnB4ll靶机笔记 这是一台vulnhub上的免费靶机,比较简单. 1.主机发现 主机发现 -sn 只做ping扫描,不做端口扫描 nmap -sn 192.168.84.1/24 Star ... 
- T113s工业套件简述
			T113s工业套件简述 提示 T113开发交流QQ群:120575746 此开发板的任何问题都可以在我们的论坛交流讨论 https://forums.100ask.net/c/aw/ 硬件简述 10 ... 
- Win32 创建窗口翻车记录
			今天创建窗口的时候,在捕获消息WM_CREATE的时候翻车了,找了好久都没找到,我换另一台电脑上又没出问题, 现分享下:LRESULT QWnd::WindowProc(HWND hWnd, UINT ... 
- centos7.3离线安装和配置NFS
			概述 # NFS为 Network FileSystem 的简称,它的目的就是想让不同的机器.不同的操作系统可以彼此分享个别的档案啦! 目前在 Unix Like 当中用来做为文件服务器是相当不错的一 ... 
- 【Python自动化】之特殊的自动化定位操作
			今天有时间了,想好好的把之前遇到过的自动化问题总结一下,以后有新的总结再更新 目录: 一.上传文件(4.11) 二.下拉框选择(4.11) 1.Select下拉框 2.非Select下拉框 三.下拉框 ... 
- JVM笔记六-堆区知识之对象生命周期和GC的关系
			通过上一篇文章的学习,我们对JVM堆区有了初步的认识,接下来,我们继续展开讲解堆区. 对象生命周期和GC的关系. 我们已经知道了,堆区的新生区分成了三个部分:伊甸园区.幸存者0区.幸存者1区. 其中0 ... 
- OpenCV开发笔记(八十):基于特征点匹配实现全景图片拼接
			前言 一个摄像头视野不大的时候,我们希望进行两个视野合并,这样让正视的视野增大,从而可以看到更广阔的标准视野.拼接的方法分为两条路,第一条路是Sticher类,第二条思路是特征点匹配. 本篇使用 ... 
- sentinel中如何使用@SentinelResource和openFeign来进行服务熔断和降级的操作
			sentinel 前方参考 计算QPS-Sentinel限流算法 https://www.cnblogs.com/yizhiamumu/p/16819497.html Sentinel 介绍与下载使用 ... 
- Angular 18+ 高级教程 – Component 组件 の Dynamic Component 动态组件
			前言 Angular 是 MVVM 框架. MVVM 的宗旨是 "不要直接操作 DOM". 为了这个 "不要直接操作 DOM",我们已经讲了 2 篇文章了. 第 ... 
- Figma 学习笔记 – Constraints 约束
			用途 Constraints 用于 responsive design, 子元素和父元素建立约束关系后, 当父元素 dimension 变换的时候, 子元素会做出相应的变化 (移动位置或 resize ... 
