你可能会忽略的Git提交规范

开发 前端 移动开发
一直是 ESLint 的忠实用户,深知规范的重要性。然而,在新项目交接中,我被 Git Commit 规范逼疯了。才意识到自己的疏忽,于是便有了一探究竟的想法。

一直是 ESLint 的忠实用户,深知规范的重要性。然而,在新项目交接中,我被 Git Commit 规范逼疯了。才意识到自己的疏忽,于是便有了一探究竟的想法。

[[235970]]

一、为什么需要规范?

无规矩不成方圆,编程也一样。

如果你有一个项目,从始至终都是自己写,那么你想怎么写都可以,没有人可以干预你。可是如果在团队协作中,大家都张扬个性,那么代码将会是一团糟,好好的项目就被糟践了。不管是开发还是日后维护,都将是灾难。

这时候,有人提出了何不统一标准,大家都按照这个标准来。于是 ESLint,JSHint 等代码工具如雨后春笋般涌现,成为了项目构建的必备良品。

Git Commit 规范可能并没有那么夸张,但如果你在版本回退的时候看到一大段糟心的 Commit,恐怕会懊恼不已吧。所以,严格遵守规范,利人利己。

二、具体规则

先来看看公式:

  1. <type>(<scope>): <subject> 

type

用于说明 commit 的类别,只允许使用下面7个标识。

  • feat:新功能(feature)
  • fix:修补
  • bugdocs:文档(documentation)
  • style: 格式(不影响代码运行的变动)
  • refactor:重构(即不是新增功能,也不是修改bug的代码变动)
  • test:增加测试
  • chore:构建过程或辅助工具的变动

scope

用于说明 commit 影响的范围,比如数据层、控制层、视图层等等,视项目不同而不同。

subject

是 commit 目的的简短描述,不超过50个字符。

  1. 以动词开头,使用***人称现在时,比如change,而不是changed或changes
  2. ***个字母小写
  3. 结尾不加句号(.)

三、异常处理

我们先来看看这个异常提醒:

  1. INVALID COMMIT MSG: does not match "<type>(<scope>): <subject>" ! 
  2. jartto:fix bug 

这里之所以报出这个警告,是因为我的提交出现了两个问题:

  • 其一,使用了规范外的关键字;
  • 其二,很细节的问题,jartto:后少了空格;

这时候我才回忆起来,当时提交一直失败,情急之下直接强制提交,所以以后的提交都会抱出这个异常。大致意思就是:

  • 你的之前的 Commit 不合格~你的之前的 Commit 不合格~你的之前的 Commit 不合格

这时候就很烦了,我们只能去将之前的错误修正,那么如何操作呢?

四、如何修改之前的 commit 信息?

其实并不复杂,我们只需要这样做:

1、将当前分支无关的工作状态进行暂存

  1. git stash 

2、将 HEAD 移动到需要修改的 commit 上

  1. git rebase 9633cf0919^ --interactive 

3、找到需要修改的 commit ,将首行的 pick 改成 edit

4、开始着手解决你的 bug

5、 git add 将改动文件添加到暂存

6、 git commit –amend 追加改动到提交

7、git rebase –continue 移动 HEAD 回***的 commit

8、恢复之前的工作状态

  1. git stash pop 

大功告成,是不是想把整个 Commit 都修改一遍,逃~

五、项目中使用

这时候问题又来了,为什么我提交的时候会有警告,这个又是如何做到的呢?

这时候,我们需要一款 Node 插件 validate-commit-msg 来检查项目中 Commit message 是否规范。

1.首先,安装插件:

  1. npm install --save-dev validate-commit-msg 

2.使用方式一,建立 .vcmrc 文件:

  1.   "types": ["feat""fix""docs""style""refactor""perf""test""build""ci""chore""revert"], 
  2.   "scope": { 
  3.     "required"false
  4.     "allowed": ["*"], 
  5.     "validate"false
  6.     "multiple"false 
  7.   }, 
  8.   "warnOnFail"false
  9.   "maxSubjectLength": 100, 
  10.   "subjectPattern"".+"
  11.   "subjectPatternErrorMsg""subject does not match subject pattern!"
  12.   "helpMessage"""
  13.   "autoFix"false 

3.使用方式二:写入 package.json

  1.   "config": { 
  2.     "validate-commit-msg": { 
  3.       /* your config here */ 
  4.     } 
  5.   } 

4.可是我们如果想自动使用 ghooks 钩子函数呢?

  1.   … 
  2.   "config": { 
  3.     "ghooks": { 
  4.       "pre-commit""gulp lint"
  5.       "commit-msg""validate-commit-msg"
  6.       "pre-push""make test"
  7.       "post-merge""npm install"
  8.       "post-rewrite""npm install"
  9.       … 
  10.     } 
  11.   } 
  12.   … 

在 ghooks 中我们可以做很多事情,当然不只是 validate-commit-msg 哦。

更多细节请参考:validate-commit-msg

六、Commit 规范的作用

  1. 提供更多的信息,方便排查与回退;
  2. 过滤关键字,迅速定位;
  3. 方便生成文档;

七、生成 Change log

正如上文提到的生成文档,如果我们的提交都按照规范的话,那就很简单了。生成的文档包括以下三个部分:

  • New features
  • Bug fixes
  • Breaking changes.

每个部分都会罗列相关的 commit ,并且有指向这些 commit 的链接。当然,生成的文档允许手动修改,所以发布前,你还可以添加其他内容。

这里需要使用工具 Conventional Changelog 生成 Change log :

  1. npm install -g conventional-changelog 
  2. cd jartto-domo 
  3. conventional-changelog -p angular -i CHANGELOG.md -w 

为了方便使用,可以将其写入 package.json 的 scripts 字段。

  1.   "scripts": { 
  2.     "changelog""conventional-changelog -p angular -i CHANGELOG.md -w -r 0" 
  3.   } 

这样,使用起来就很简单了:

  1. npm run changelog 

到这里,我们所有的问题都搞明白了,🍻Cheers~

八、总结

看完文章,你还会如此放荡不羁吗?你还会随心所欲的编写 Commit 吗?你还会如此 git commit -m "hello jartto"提交吗?

答案是否定的,因为使用了钩子函数,你没有机会了,否则将是无穷无尽的恢复 Commit。这倒可以养成良好的提交习惯~~

责任编辑:未丽燕 来源: 程序猿DD
相关推荐

2018-07-10 11:05:18

开发者技能命令

2020-05-12 14:57:06

git commit代码前端

2016-03-16 11:20:47

2020-07-06 07:48:16

MySQL细节SQL

2020-03-09 10:10:02

AI 数据人工智能

2023-09-27 22:14:10

GIT 命令开发

2017-11-21 10:15:00

2014-02-18 10:59:52

nftablesLinux 3.13

2017-11-23 11:56:00

2018-05-13 22:56:20

Go语言语法

2016-08-09 19:11:58

windows 10微软

2024-01-15 13:18:11

数据管理CIO

2016-12-01 13:06:31

技术大数据数据分析

2019-07-01 09:10:00

前端开发技术

2018-11-07 10:03:37

2020-09-17 11:20:08

云计算

2021-06-06 16:52:11

工具函数JS

2020-08-14 08:00:39

Git数据层控制层

2012-12-10 10:19:01

Google NowChrome

2012-07-27 08:53:06

Windows 8微软
点赞
收藏

51CTO技术栈公众号