規(guī)范說明
git commit message
即代碼提交歷史狸演,錯誤的提交信息會影響代碼的可維護(hù)性。在多人協(xié)作開發(fā)場景下因個人風(fēng)格各有不同椿争,若無統(tǒng)一的規(guī)范則很容易導(dǎo)致混亂倍奢。目前規(guī)范使用較多的是 Angular 團(tuán)隊的規(guī)范。
消息提交格式
每個提交消息都包含一個header
煮纵、body
懂鸵、footer
。header
具有一種特殊的格式行疏,其中包括type
匆光,scope
和subject
:
<type>(<scope>): <subject>
<BLANK LINE>
<body>
<BLANK LINE>
<footer>
為使在各種git工具中更易于閱讀,提交消息的任何一行都不能超過100個字符酿联。
Header
-
type
必須為以下之一開頭:-
feat:
一項新的功能feature
-
fix:
bug
修復(fù) -
docs:
只修改了文檔 -
style:
沒有代碼的更改终息,樣式調(diào)整(空白,格式贞让,缺少分號等) -
refactor:
代碼重構(gòu)周崭,既不修正bug
也不增加功能(feature
)的更改 -
perf:
改進(jìn)性能的代碼更改 -
test:
添加缺失或更正現(xiàn)有測試 -
build:
影響構(gòu)建系統(tǒng)或外部依賴項的更改,如:gulp
,broccoli
,npm
-
ci:
對CI配置文件和腳本的更改喳张,如:Travis续镇,Circle,BrowserStack销部,SauceLabs -
chore:
更改構(gòu)建過程或輔助工具和庫摸航,例如文檔生成等 -
revert:
如果該提交還原了先前的提交,則應(yīng)以revert:
開頭 柴墩,后接reverted commit
的header
忙厌。此外在body
中應(yīng)該標(biāo)明:This reverts commit <hash>
凫岖,其中hash是要還原的提交的SHA值江咳。
-
scope
scope
是可選的。
用于輔助說明所要提交代碼更改的內(nèi)容歸屬哥放,例如可以指明是哪個位置(location
)歼指、哪個模塊(module
)、哪個組件(componet
)等甥雕。當(dāng)更改影響的范圍不止一個范圍時踩身,可以使用*
。subject
該主題包含對變更的簡潔描述:
使用現(xiàn)在時態(tài):“change”不是“ changed”也不是“ changes”
不要大寫第一個字母
末尾沒有點(社露。)
Body
就像在主題(subject
)中一樣挟阻,使用命令式現(xiàn)在時態(tài):“change”而不是“changed”或“changes”。 body
應(yīng)包括改變的動機(jī),并將其與以前的行為進(jìn)行對比附鸽。
Footer
- 不兼容變動
如果當(dāng)前代碼與上一個版本不兼容脱拼,則 Footer 部分以 BREAKING CHANGE 開頭,用空格或兩個換行符,后面是對變動的描述坷备、以及變動理由和遷移方法熄浓。如fix
并攜帶BREAKING CHANGE
信息:
fix: correct spelling of referrer in header
BREAKING CHANGE: Rather than using misspelled "Referer" as name of header,
instead use correct spelling "Referrer". Clients expecting "Referer" will no
longer receive that header and will presumably not honor the new "Referrer"
until updated to support this new name for this header.
- 關(guān)閉 Issue
如果當(dāng)前 commit 針對某個issue,那么可以在 Footer 部分關(guān)閉這個關(guān)聯(lián)issue 省撑。
Closes #123
或者關(guān)閉多個issue
Closes #123 #456 #789
GitHub關(guān)聯(lián)issue說明:https://docs.github.com/en/github/managing-your-work-on-github/linking-a-pull-request-to-an-issue
項目配置
現(xiàn)在比較流行的方案是約定式提交規(guī)范(Conventional Commits)赌蔑,它受到了 Angular 提交準(zhǔn)則的啟發(fā),并在很大程度上以其為依據(jù)竟秫。筆者嘗試查找了基于非node環(huán)境相關(guān)的Git規(guī)范化的輔助工具或插件娃惯,并沒有找到很好的解決方案,而我們?nèi)绻麚碛衝ode環(huán)境非node項目也可以正常配置執(zhí)行肥败,只不過在工程中會生成node項目相關(guān)的文件石景,如node_modules
文件夾、package.json
文件等拙吉,因此在項目的版本控制中稍微麻煩一些潮孽,根據(jù)需要定義自己的ingore
文件,處理好項目代碼和環(huán)境代碼的問題筷黔。
環(huán)境和工具
node
npm(npx)
-
commitizen/cz-cli:
是一個格式化commit message的工具往史,可以約束提交者按照制定的規(guī)范一步一步的填寫commit message。 -
cz-conventional-changelog:
為 commitizen 指定一個 Adapter ,一個符合 Angular 團(tuán)隊規(guī)范的 preset(按照我們指定的規(guī)范幫助我們生成 commit message)
非node項目
定位到workspace
目錄(即項目根目錄)命令行輸入npm init
佛舱,執(zhí)行后會出現(xiàn)一系列初始化的提示椎例,可以一直回車至結(jié)束。npm init 相關(guān)說明:https://www.npmjs.cn/cli/init/请祖。
依賴安裝
- 安裝
commitizen
和cz-conventional-changelog
npm i -D commitizen
npm i -D cz-conventional-changelog
- 修改
package.json
文件
工程的配置示例.png
{
"name": "testp",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"commit": "git-cz"
},
"config": {
"commitizen": {
"path": "node_modules/cz-conventional-changelog"
}
},
"author": "",
"license": "ISC",
"devDependencies": {
"commitizen": "^4.2.3",
"cz-conventional-changelog": "^3.3.0"
}
}
在項目根目錄订歪,命令行執(zhí)行npm run commit
,會出現(xiàn)操作步驟提示肆捕,按前文所訴填寫規(guī)范化信息刷晋。
執(zhí)行完,sourcetree效果圖:
Commit信息校驗和攔截
雖然我們在項目中配置了commit慎陵,但是如果我執(zhí)行規(guī)范操作眼虱,不使用npm run commit
提交代碼,通過命令行或者Git可視化工具直接commit席纽,那么提交上去的可能是不規(guī)范的信息捏悬,因此需要對git命令進(jìn)行攔截,并對message內(nèi)容做lint操作润梯。
- lint工具依賴安裝
- commitlint/cli 【命令行工具】
- commitlint/config-conventional 【校驗規(guī)則】符合 Angular團(tuán)隊規(guī)范过牙。
npm i -D @commitlint/config-conventional @commitlint/cli
- 修改
package.json
甥厦,配置commitlint
{
...
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"commit": "git-cz",
"commit-lint": "commitlint -e $HUSKY_GIT_PARAMS"
},
"config": {
"commitizen": {
"path": "node_modules/cz-conventional-changelog"
}
},
"commitlint": {
"extends": [
"@commitlint/config-conventional"
]
},
...
}
- 安裝
Husky
,進(jìn)行git hooks
校驗
npm install husky --save-dev
- 啟用
git hooks
npx husky install
git hooks
啟用后會在項目根目錄下生產(chǎn).husky的文件夾
- 添加
commit_msg
到husky寇钉,用于攔截git commit
命令
npx husky add .husky/commit-msg "npm run commit-lint"
執(zhí)行完成后會生成commit-msg
的腳本
此時我們在命令行直接執(zhí)行
git commit -m "test message"
矫渔,會被攔截提示提交失敗。SourceTree的問題
通過上面配置完成后用SourceTree提交代碼會發(fā)現(xiàn)運(yùn)行錯誤摧莽。
這是因為SourceTree沒有讀取到環(huán)境變量信息庙洼,需要在
commit-msg
腳本中添加環(huán)境變量的配置。#!/bin/sh
. "$(dirname "$0")/_/husky.sh"
export PATH=/usr/local/bin:$PATH
npm run commit-lint --silent
此刻再運(yùn)行镊辕,已成功攔截
說明
-
cz-conventional-changelog
提交信息提示和@commitlint/config-conventional
lint規(guī)則都可以設(shè)置自定義的Adapter油够,可以根據(jù)自己需要配置適合自己團(tuán)隊的規(guī)范。 - 文章截圖是以非node(Android)項目的視角進(jìn)行的配置征懈,其他項目也類似石咬,只要使用的Git進(jìn)行的版本控制,都可以實現(xiàn)
Commit Message
的規(guī)范化校驗卖哎。 - 文章依賴的是Mac OS鬼悠,Windows下類似,所有的依賴庫在Windows下也可運(yùn)行工作亏娜,只不過環(huán)境的配置方式不同而已焕窝。