來源:人人貸大前端技術中心
https://juejin.im/post/5d0b3f8c6fb9a07ec07fc5d0
git是現在市面上最流行的版本控制工具,書寫良好的commit message能大大提高代碼維護的效率。但是在日常開發中由於缺少對commit message的約束,導致填寫內容隨意、質量參差不齊,可讀性低亦難以維護。
在項目中引入commit message規範已是迫在眉睫。
- 用什麼規範?
- Quick Start
- 1. 全局安裝commitizen & cz-conventional-changelog
- 2. 項目內安裝commitlint & husky
- 3. 添加相應配置
- 4. 使用
- Commit message規範在rrd-fe落地使用情況
- 1. type
- 2. scope
- 3. body
- 4. break changes
- 5. affect issues
- 示例
- 擴展閱讀
用什麼規範?
現在市面上比較流行的方案是約定式提交規範(Conventional Commits),它受到了Angular提交準則的啟發,並在很大程度上以其為依據。約定式提交規範是一種基於提交消息的輕量級約定。
它提供了一組用於創建清晰的提交歷史的簡單規則;這使得編寫基於規範的自動化工具變得更容易。這個約定與SemVer相吻合,在提交信息中描述新特性、bug 修復和破壞性變更。它的 message 格式如下:
<類型>[可選的作用域]: <描述>
[可選的正文]
[可選的腳註]
Quick Start
1. 全局安裝commitizen & cz-conventional-changelog
commitizen是一個撰寫合格commit message的工具,用於代替git commit 指令,而cz-conventional-changelog適配器提供conventional-changelog標準(約定式提交標準)。基於不同需求,也可以使用不同適配器。
npm install -g commitizen cz-conventional-changelog
echo '{ "path": "cz-conventional-changelog" }' > ~/.czrc
安裝完畢後,可直接使用git cz來取代git commit。
全局模式下,需要 ~/.czrc 配置文件, 為commitizen指定Adapter。
2. 項目內安裝commitlint & husky
commitlint負責用於對commit message進行格式校驗,husky負責提供更易用的git hook。
Use npm
npm i -D husky @commitlint/config-conventional @commitlint/cli
Use yarn
yarn add husky @commitlint/config-conventional @commitlint/cli -D
commitlint只能做格式規範,無法觸及內容。對於內容質量的把控只能靠我們自己。
3. 添加相應配置
創建commitlint.config.js
# In the same path as package.json
echo 'module.exports = {extends: ["@commitlint/config-conventional"]};' > ./commitlint.config.js
引入husky
# package.json
...,
"husky": {
"hooks": {
"commit-msg": "commitlint -e $GIT_PARAMS"
}
}
4. 使用
執行git cz進入interactive模式,根據提示依次填寫
生成的commit message格式如下:
( ):
填寫完畢後,husky會調用commitlint對message進行格式校驗,默認規定type及subject為必填項。
任何git commit指令的option都能用在 git cz指令上, 例如git cz -a
Commit message規範在rrd-fe落地使用情況
針對團隊目前使用的情況,我們討論後擬定了commit message每一部分的填寫規則。
1. type
type為必填項,用於指定commit的類型,約定了feat、fix兩個主要type,以及docs、style、build、refactor、revert五個特殊type,其餘type暫不使用。
當一次改動包括主要type與特殊type時,統一採用主要type。
2. scope
scope也為必填項,用於描述改動的範圍,格式為項目名/模塊名,例如:
node-pc/common rrd-h5/activity,而we-sdk不需指定模塊名。如果一次commit修改多個模塊,建議拆分成多次commit,以便更好追蹤和維護。
3. body
body填寫詳細描述,主要描述改動之前的情況及修改動機,對於小的修改不作要求,但是重大需求、更新等必須添加body來作說明。
4. break changes
break changes指明是否產生了破壞性修改,涉及break changes的改動必須指明該項,類似版本升級、接口參數減少、接口刪除、遷移等。
5. affect issues
affect issues指明是否影響了某個問題。例如我們使用jira時,我們在commit message中可以填寫其影響的JIRA_ID,若要開啟該功能需要先打通jira與gitlab。
參考文檔:
https://docs.gitlab.com/ee/user/project/integrations/jira.html
填寫方式例如:
re #JIRA_ID
fix #JIRA_ID
示例
完整的commit message示例
相應的git log
擴展閱讀
conventional commits 必讀 介紹約定式提交標準。
https://www.conventionalcommits.org/zh/v1.0.0-beta.3/
Angular規範 必讀 介紹Angular標準每個部分該寫什麼、該怎麼寫。
https://github.com/angular/angular/blob/22b96b9/CONTRIBUTING.md#-commit-message-guidelines
@commitlint/config-conventional 必讀 介紹commitlint的校驗規則config-conventional,以及一些常見passes/fails情況。
https://github.com/conventional-changelog/commitlint/tree/master/%40commitlint/config-conventional#type-enum