之前看一个github的开源项目,看到要求使用angular的git commit规范,刚好自己项目中也需要规范git commit,所以就研究总结一下。
1
|
npm install --save-dev @commitlint/cli husky
|
新建commitlint.config.js
配置git提交规范(这里使用的是angular的提交规范)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
module.exports = {
rules: {
'body-leading-blank': [1, 'always'], //body开始于空白行
'body-tense': [1, 'always', ['present-imperative']],
'footer-leading-blank': [1, 'always'], //footer开始于空白行
'footer-tense': [1, 'always', ['present-imperative']],
'header-max-length': [2, 'always', 72],
'scope-case': [2, 'always', 'lowerCase'], //scope小写
'subject-empty': [2, 'never'], //subjec不t为空
'subject-full-stop': [2, 'never', '.'], //subject结尾不加'.'
'subject-tense': [1, 'always', ['present-imperative']], //以动词开头,使用第一人称现在时,比如change,而不是changed或changes
'type-case': [2, 'always', 'lowerCase'], //type小写
'type-empty': [2, 'never'], //type不为空
'type-enum': [
2,
'always',
[
'build',
'chore', //构建过程或辅助工具的变动
'docs', //文档(documentation)
'feat', //新功能(feature)
'fix', //修补bug
'perf',
'refactor', //重构(即不是新增功能,也不是修改bug的代码变动)
'revert',
'style', //格式(不影响代码运行的变动)
'test', //增加测试
],
], //type关键字必须是其中之一
},
};
|
配置husky
1
2
3
4
5
|
{
"scripts": {
"commitmsg": "commitlint -e"
}
}
|
配置完成之后,提交所写的commit如果不符合规范,则无法进行下一步操作
每次提交,Commit message 都包括三个部分:Header,Body 和 Footer
1
2
3
4
5
|
<type>(<scope>): <subject>
// 空一行
<body>
// 空一行
<footer>
|
Header是必需的,Body和Footer可以省略
Header部分只有一行,包括三个字段:type(必需)、scope(可选)和subject(必需)
该字段用于说明commit的类型,被指定在上面的type-enum
中
1
2
3
4
5
6
7
8
9
10
|
'build',
'chore', //构建过程或辅助工具的变动
'docs', //文档(documentation)
'feat', //新功能(feature)
'fix', //修补bug
'perf',
'refactor', //重构(即不是新增功能,也不是修改bug的代码变动)
'revert',
'style', //格式(不影响代码运行的变动)
'test', //增加测试
|
如果type为feat和fix,则该 commit 将肯定出现在 Change log 之中。其他情况建议是不要放入
用于说明commit的影响范围
subject是 commit 目的的简短描述,不超过50个字符
要求如下:
- 以动词开头,使用第一人称现在时,比如change,而不是changed或changes
- 第一个字母小写
- 结尾不加句号(.)
body
body 部分是对本次 commit 的描述,可以分成多行,例如:
1
2
3
4
5
6
7
|
More detailed explanatory text, if necessary. Wrap it to
about 72 characters or so.
Further paragraphs come after blank lines.
- Bullet points are okay, too
- Use a hanging indent
|
有两个注意点:
-
使用第一人称现在时,比如使用change而不是changed或changes
-
应该说明代码变动的原因,以及跟以前提交的对比
footer只用于以下两种情况:
如果当前代码与上一个版本不兼容,则 Footer 部分以BREAKING CHANGE开头,后面是对变动的描述、以及变动理由和迁移方法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
BREAKING CHANGE: isolate scope bindings definition has changed.
To migrate the code follow the example below:
Before:
scope: {
myAttr: 'attribute',
}
After:
scope: {
myAttr: '@',
}
The removed `inject` wasn't generaly useful for directives so there should be no code using it.
|
如果当前 commit 针对某个issue,那么可以在 footer 部分关闭这个 issue
1
2
3
4
|
//关闭一个
Closes #1
//关闭多个
Closes #2, #3, #4
|
还有一种特殊情况,如果当前 commit 用于撤销以前的 commit,必须以revert:开头,后面跟着被撤销 commit 的 header
1
2
3
|
revert: refactor(compiler): introduce `TestBed.deprecatedOverrideProvider` (#19558)
This reverts commit 667ecc1654a317a13331b17617d973392f415f02.
|
Body部分的格式是固定的,必须写成This reverts commit <hash>.
,其中的hash是被撤销 commit 的 SHA 标识符
如果当前 commit 与被撤销的 commit,在同一个发布(release)里面,那么它们都不会出现在 Change log 里面。如果两者在不同的发布,那么当前 commit,会出现在 Change log 的Reverts小标题下面。
1
2
3
4
5
6
7
|
refactor(compiler): introduce `TestBed.deprecatedOverrideProvider` (#19558)
This allows use to fix `TestBed.overrideProvider` to keep imported `NgModule`s eager,
while allowing our users to still keep the old semantics until they have fixed their
tests.
PR Close #19558
|
如果你的所有 Commit 都符合 Angular 格式,那么发布新版本时, Change log 就可以用脚本自动生成。
生成的文档包括以下三个部分。
1
2
3
|
New features
Bug fixes
Breaking changes.
|
每个部分都会罗列相关的 commit ,并且有指向这些 commit 的链接。当然,生成的文档允许手动修改,所以发布前,你还可以添加其他内容。
conventional-changelog 就是生成 Change log 的工具,运行下面的命令即可。
1
2
3
|
$ npm install -g conventional-changelog
$ cd my-project
$ conventional-changelog -p angular -i CHANGELOG.md -w
|
上面命令不会覆盖以前的 Change log,只会在CHANGELOG.md的头部加上自从上次发布以来的变动。
如果你想生成所有发布的 Change log,要改为运行下面的命令。
1
|
$ conventional-changelog -p angular -i CHANGELOG.md -w -r 0
|
为了方便使用,可以将其写入package.json的scripts字段。
1
2
3
4
5
|
{
"scripts": {
"changelog": "conventional-changelog -p angular -i CHANGELOG.md -w -r 0"
}
}
|
以后,直接运行下面的命令即可。