Git規范實踐

規范說明

git commit message即代碼提交歷史,錯誤的提交信息會影響代碼的可維護性。在多人協作開發場景下因個人風格各有不同,若無統一的規范則很容易導致混亂。目前規范使用較多的是 Angular 團隊的規范

消息提交格式

每個提交消息都包含一個headerbodyfooterheader具有一種特殊的格式,其中包括typescopesubject

<type>(<scope>): <subject>
<BLANK LINE>
<body>
<BLANK LINE>
<footer>

為使在各種git工具中更易于閱讀,提交消息的任何一行都不能超過100個字符。

Header

  • type
    必須為以下之一開頭:

    • feat:一項新的功能feature
    • fix: bug修復
    • docs: 只修改了文檔
    • style: 沒有代碼的更改,樣式調整(空白,格式,缺少分號等)
    • refactor: 代碼重構,既不修正bug也不增加功能(feature)的更改
    • perf: 改進性能的代碼更改
    • test: 添加缺失或更正現有測試
    • build: 影響構建系統或外部依賴項的更改,如:gulp, broccoli, npm
    • ci: 對CI配置文件和腳本的更改,如:Travis,Circle,BrowserStack,SauceLabs
    • chore: 更改構建過程或輔助工具和庫,例如文檔生成等
    • revert: 如果該提交還原了先前的提交,則應以revert:開頭 ,后接reverted commitheader。此外body中應該標明:This reverts commit <hash>,其中hash是要還原的提交的SHA值。
  • scope
    scope是可選的。
    用于輔助說明所要提交代碼更改的內容歸屬,例如可以指明是哪個位置(location)、哪個模塊(module)、哪個組件(componet)等。當更改影響的范圍不止一個范圍時,可以使用*

  • subject
    該主題包含對變更的簡潔描述:
    使用現在時態:“change”不是“ changed”也不是“ changes”
    不要大寫第一個字母
    末尾沒有點(。)

Body

就像在主題(subject)中一樣,使用命令式現在時態:“change”而不是“changed”或“changes”。 body應包括改變的動機,并將其與以前的行為進行對比。

Footer

  • 不兼容變動
    如果當前代碼與上一個版本不兼容,則 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.
  • 關閉 Issue
    如果當前 commit 針對某個issue,那么可以在 Footer 部分關閉這個關聯issue 。
Closes #123

或者關閉多個issue

Closes #123 #456 #789

GitHub關聯issue說明:https://docs.github.com/en/github/managing-your-work-on-github/linking-a-pull-request-to-an-issue

項目配置

現在比較流行的方案是約定式提交規范(Conventional Commits),它受到了 Angular 提交準則的啟發,并在很大程度上以其為依據。筆者嘗試查找了基于非node環境相關的Git規范化的輔助工具或插件,并沒有找到很好的解決方案,而我們如果擁有node環境非node項目也可以正常配置執行,只不過在工程中會生成node項目相關的文件,如node_modules文件夾、package.json文件等,因此在項目的版本控制中稍微麻煩一些,根據需要定義自己的ingore文件,處理好項目代碼和環境代碼的問題。

環境和工具

  • node
  • npm(npx)
  • commitizen/cz-cli: 是一個格式化commit message的工具,可以約束提交者按照制定的規范一步一步的填寫commit message。
  • cz-conventional-changelog: 為 commitizen 指定一個 Adapter ,一個符合 Angular 團隊規范的 preset(按照我們指定的規范幫助我們生成 commit message)

非node項目

定位到workspace目錄(即項目根目錄)命令行輸入npm init,執行后會出現一系列初始化的提示,可以一直回車至結束。npm init 相關說明:https://www.npmjs.cn/cli/init/

依賴安裝

  • 安裝commitizencz-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"
  }
}

在項目根目錄,命令行執行npm run commit,會出現操作步驟提示,按前文所訴填寫規范化信息。

操作提示.png

操作提示..png

執行完,sourcetree效果圖:
效果圖.png

Commit信息校驗和攔截

雖然我們在項目中配置了commit,但是如果我執行規范操作,不使用npm run commit提交代碼,通過命令行或者Git可視化工具直接commit,那么提交上去的可能是不規范的信息,因此需要對git命令進行攔截,并對message內容做lint操作。

  • lint工具依賴安裝
    • commitlint/cli 【命令行工具】
    • commitlint/config-conventional 【校驗規則】符合 Angular團隊規范。
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,進行git hooks校驗
  npm install husky --save-dev
  • 啟用git hooks
npx husky install 

git hooks啟用后會在項目根目錄下生產.husky的文件夾

image.png

  • 添加commit_msg到husky,用于攔截git commit命令
npx husky add .husky/commit-msg "npm run commit-lint"

執行完成后會生成commit-msg的腳本

commit-msg-shell.png

此時我們在命令行直接執行git commit -m "test message",會被攔截提示提交失敗。
image.png

SourceTree的問題

通過上面配置完成后用SourceTree提交代碼會發現運行錯誤。

image.png

這是因為SourceTree沒有讀取到環境變量信息,需要在commit-msg腳本中添加環境變量的配置。
image.png

#!/bin/sh
. "$(dirname "$0")/_/husky.sh"

export PATH=/usr/local/bin:$PATH
npm run commit-lint --silent

此刻再運行,已成功攔截


image.png

說明

  • cz-conventional-changelog提交信息提示和@commitlint/config-conventionallint規則都可以設置自定義的Adapter,可以根據自己需要配置適合自己團隊的規范。
  • 文章截圖是以非node(Android)項目的視角進行的配置,其他項目也類似,只要使用的Git進行的版本控制,都可以實現Commit Message的規范化校驗。
  • 文章依賴的是Mac OS,Windows下類似,所有的依賴庫在Windows下也可運行工作,只不過環境的配置方式不同而已。
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,345評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,494評論 3 416
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,283評論 0 374
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,953評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,714評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,186評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,255評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,410評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,940評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,776評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,976評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,518評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,210評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,642評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,878評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,654評論 3 391
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,958評論 2 373

推薦閱讀更多精彩內容