來自丨掘金，
作者丨人人貸大前端技術中心
鏈接：
https://juejin.im/post/5d0b3f8c6fb9a07ec07fc5d0
用什麼規範？
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
示例
擴展閱讀
git是現在市面上最流行的版本控制工具，書寫良好的commit message能大大提高代碼維護的效率。但是在日常開發中由於缺少對於commit message的約束，導致填寫內容隨意、質量參差不齊，可讀性低亦難以維護。在項目中引入commit message規範已是迫在眉睫。
用什麼規範？
現在市面上比較流行的方案是約定式提交規範（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-changelogecho '{ "path": "cz-conventional-changelog" }' > ~/.czrc
安裝完畢後，可直接使用git cz來取代git commit。
全局模式下，需要 ~/.czrc 配置文件, 爲commitizen指定Adapter。
2、項目內安裝commitlint & husky
commitlint負責用於對commit message進行格式校驗，husky負責提供更易用的git hook。
Use npmnpm i -D husky @commitlint/config-conventional @commitlint/cli
Use yarnyarn 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模式，根據提示依次填寫
1.Select the type of change that you're committing 選擇改動類型 (<type>)
2.What is the scope of this change (e.g. component or file name)? 填寫改動範圍 (<scope>)
3.Write a short, imperative tense description of the change: 寫一個精簡的描述 (<subject>)
4.Provide a longer description of the change: (press enter to skip) 對於改動寫一段長描述 (<body>)
5.Are there any breaking changes? (y/n) 是破壞性修改嗎？默認n (<footer>)
6.Does this change affect any openreve issues? (y/n) 改動修復了哪個問題？默認n (<footer>)
生成的commit message格式如下：
<type>(<scope>): <subject><BLANK LINE><body><BLANK LINE><footer>
填寫完畢後，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暫不使用。
# 主要typefeat: 增加新功能fix: 修復bug
# 特殊typedocs: 只改動了文檔相關的內容style: 不影響代碼含義的改動，例如去掉空格、改變縮進、增刪分號build: 構造工具的或者外部依賴的改動，例如webpack，npmrefactor: 代碼重構時使用revert: 執行git revert打印的message
# 暫不使用typetest: 添加測試或者修改現有測試perf: 提高性能的改動ci: 與CI（持續集成服務）有關的改動chore: 不修改src或者test的其餘修改，例如構建過程或輔助工具的變動
當一次改動包括主要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。參考文檔：docs.gitlab.com/ee/user/pro…
填寫方式例如：
re #JIRA_IDfix #JIRA_ID
示例
完整的commit message示例
擴展閱讀
conventional commits 必讀 介紹約定式提交標準。
Angular規範 必讀 介紹Angular標準每個部分該寫什麼、該怎麼寫。
@commitlint/config-conventional 必讀 介紹commitlint的校驗規則config-conventional，以及一些常見passes/fails情況。
近期精彩內容推薦： 10個Redis使用技巧，很多人不知道的 如何從Windows切換到Linux 史上最污技術解讀，我竟然秒懂了 一文洞悉Python必備50種算法
在看點這裏好文分享給更多人↓↓