git commit 规范指南
<h2>前言</h2> <p>Git 每次提交代码，都要写 Commit message（提交说明），否则就不允许提交。但是，一般来说，commit message 应该清晰明了，说明本次提交的目的。</p> <p>不过话说回来，作为最具个人创造力和最会利用工具的物种——程序猿，最好是能有规范和工具的约束。否者的话，你可能看到以下的 commit message ：</p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/c3d768e4237cc60f0a1ca32e97836025.png"></p> <p>目前，社区有多种 Commit message 的写法规范。本文介绍 Angular 规范 是目前使用最广的写法，比较合理和系统化，并且有配套的工具。前前端框架 Angular.js 采用的就是该规范。如下图：</p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/668bd1a2eb345dc2bb176a87a952b658.png"></p> <h2>Commit message 的作用</h2> <h3>提供更多的历史信息，方便快速浏览。</h3> <p>比如，下面的命令显示上次发布后的变动，每个commit占据一行。你只看行首，就知道某次 commit 的目的。</p> <pre> $ git log <last tag> HEAD --pretty=format:%s</pre> <p style="text-align: center;"><img src="https://simg.open-open.com/show/0df0aa4746ccac73f1a9dcc5b4398b15.png"></p> <h3>可以过滤某些commit（比如文档改动），便于快速查找信息</h3> <pre> $ git log <last release> HEAD --grep feature</pre> <h3>可以直接从commit生成Change log。</h3> <p>Change Log 是发布新版本时，用来说明与上一个版本差异的文档，详见后文。</p> <p><img src="https://simg.open-open.com/show/5cdc2d5e57877213f8e05bad8d2cb5d4.png"></p> <h3>其他优点</h3> <ul> <li> <p>可读性好，清晰，不必深入看代码即可了解当前commit的作用。</p> </li> <li> <p>为 Code Reviewing做准备</p> </li> <li> <p>方便跟踪工程历史</p> </li> <li> <p>让其他的开发者在运行 git blame 的时候想跪谢</p> </li> <li> <p>提高项目的整体质量，提高个人工程素质</p> </li> </ul> <h2>Commit message 的格式</h2> <p>每次提交，Commit message 都包括三个部分：header，body 和 footer。</p> <pre> <type>(<scope>): <subject> <BLANK LINE> <body> <BLANK LINE> <footer></pre> <p>其中，header 是必需的，body 和 footer 可以省略。</p> <p>不管是哪一个部分，任何一行都不得超过72个字符（或100个字符）。这是为了避免自动换行影响美观。</p> <h3>Header</h3> <p>Header部分只有一行，包括三个字段： type （必需）、 scope （可选）和 subject （必需）。</p> <p>type</p> <p>用于说明 commit 的类别，只允许使用下面7个标识。</p> <ul> <li> <p>feat：新功能（feature）</p> </li> <li> <p>fix：修补bug</p> </li> <li> <p>docs：文档（documentation）</p> </li> <li> <p>style： 格式（不影响代码运行的变动）</p> </li> <li> <p>refactor：重构（即不是新增功能，也不是修改bug的代码变动）</p> </li> <li> <p>test：增加测试</p> </li> <li> <p>chore：构建过程或辅助工具的变动</p> </li> </ul> <p>如果type为 feat 和 fix ，则该 commit 将肯定出现在 Change log 之中。其他情况（ docs 、 chore 、 style 、 refactor 、 test ）由你决定，要不要放入 Change log，建议是不要。</p> <p>scope</p> <p>scope用于说明 commit 影响的范围，比如数据层、控制层、视图层等等，视项目不同而不同。</p> <p>例如在 Angular ，可以是 $location , $browser , $compile , $rootScope , ngHref , ngClick , ngView 等。</p> <p>如果你的修改影响了不止一个 scope ，你可以使用 * 代替。</p> <p>subject</p> <p>subject 是 commit 目的的简短描述，不超过50个字符。</p> <p>其他注意事项：</p> <ul> <li> <p>以动词开头，使用第一人称现在时，比如change，而不是changed或changes</p> </li> <li> <p>第一个字母小写</p> </li> <li> <p>结尾不加句号（.）</p> </li> </ul> <h3>Body</h3> <p>Body 部分是对本次 commit 的详细描述，可以分成多行。下面是一个范例。</p> <pre> 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</pre> <p>有两个注意点:</p> <ul> <li> <p>使用第一人称现在时，比如使用change而不是changed或changes。</p> </li> <li> <p>永远别忘了第2行是空行</p> </li> <li> <p>应该说明代码变动的动机，以及与以前行为的对比。</p> </li> </ul> <h3>Footer</h3> <p>Footer 部分只用于以下两种情况：</p> <p>不兼容变动</p> <p>如果当前代码与上一个版本不兼容，则 Footer 部分以BREAKING CHANGE开头，后面是对变动的描述、以及变动理由和迁移方法。</p> <pre> 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.</pre> <p>关闭 Issue</p> <p>如果当前 commit 针对某个issue，那么可以在 Footer 部分关闭这个 issue 。</p> <pre> Closes #234</pre> <h3>Revert</h3> <p>还有一种特殊情况，如果当前 commit 用于撤销以前的 commit，则必须以revert:开头，后面跟着被撤销 Commit 的 Header。</p> <pre> revert: feat(pencil): add 'graphiteWidth' option This reverts commit 667ecc1654a317a13331b17617d973392f415f02.</pre> <p>Body部分的格式是固定的，必须写成 This reverts commit <hash> .，其中的hash是被撤销 commit 的 SHA 标识符。</p> <p>如果当前 commit 与被撤销的 commit，在同一个发布（release）里面，那么它们都不会出现在 Change log 里面。如果两者在不同的发布，那么当前 commit，会出现在 Change log 的Reverts小标题下面。</p> <h2>Commitizen</h2> <p>可以使用典型的git工作流程或通过使用CLI向导 Commitizen 来添加提交消息格式。</p> <h3>安装</h3> <pre> npm install -g commitizen</pre> <p>然后，在项目目录里，运行下面的命令，使其支持 Angular 的 Commit message 格式。</p> <pre> commitizen init cz-conventional-changelog --save --save-exact</pre> <p>以后，凡是用到 git commit 命令，一律改为使用 git cz 。这时，就会出现选项，用来生成符合格式的 Commit message。</p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/bd067dba7814b556cbffcaa2de118069.png"></p> <h2>validate-commit-msg</h2> <p>validate-commit-msg 用于检查 Node 项目的 Commit message 是否符合格式。</p> <p>它的安装是手动的。首先，拷贝下面这个 JS文件 ，放入你的代码库。文件名可以取为 validate-commit-msg.js 。</p> <p>接着，把这个脚本加入 Git 的 hook。下面是在 package.json 里面使用 ghooks，把这个脚本加为 commit-msg 时运行。</p> <p>然后，每次git commit的时候，这个脚本就会自动检查 Commit message 是否合格。如果不合格，就会报错。</p> <pre> $ git add -A $ git commit -m "edit markdown" INVALID COMMIT MSG: does not match "<type>(<scope>): <subject>" ! was: edit markdown</pre> <h2>生成 Change log</h2> <p>如果你的所有 Commit 都符合 Angular 格式，那么发布新版本时， Change log 就可以用脚本自动生成。生成的文档包括以下三个部分：</p> <ul> <li> <p>New features</p> </li> <li> <p>Bug fixes</p> </li> <li> <p>Breaking changes.</p> </li> </ul> <p>每个部分都会罗列相关的 commit ，并且有指向这些 commit 的链接。当然，生成的文档允许手动修改，所以发布前，你还可以添加其他内容。</p> <p>conventional-changelog 就是生成 Change log 的工具，运行下面的命令即可。</p> <pre> $ npm install -g conventional-changelog $ cd my-project $ conventional-changelog -p angular -i CHANGELOG.md -w</pre> <p> </p> <p>来自：https://segmentfault.com/a/1190000009048911</p> <p> </p> 本文由用户 haplake 自行上传分享，仅供网友学习交流。所有权归原作者，若您的权利被侵害，请联系管理员。
转载本站原创文章，请注明出处，并保留原始链接、图片水印。
本站是一个以用户分享为主的开源技术平台，欢迎各类分享！