commit message 是開發的日常操作, 好的 log 不僅有助于他人 review, 還可以有效的輸出 CHANGELOG, 對項目的管理實際至關重要, 但是在平時工作時，只依賴大致的開發規范和自覺，很難形成一種普遍約束。而通過本文，對項目進行一些基礎配置，讓開發者在提交時可以自動對提交作出規范

1，項目效果

代碼提交

2，自動生成commit 日志

2，配置

依賴包

npm i vue-cli-plugin-commitlint commitizen commitlint conventional-changelog-cli husky -D

配置package.json

{"scripts": {"log": "conventional-changelog --config ./node_modules/vue-cli-plugin-commitlint/lib/log -i CHANGELOG.md -s -r 0","cz": "npm run log && git add . && git cz"},"husky": {"hooks": {"commit-msg": "commitlint -E HUSKY_GIT_PARAMS"}},"config": {"commitizen": {"path": "./node_modules/vue-cli-plugin-commitlint/lib/cz"}} }

配置文件commitlint.config.js

module.exports = {extends: ['./node_modules/vue-cli-plugin-commitlint/lib/lint'] };

使用：

npm run cz # git add . && git commit -m 'feat:(xxx): xxx' npm run log # 生成 CHANGELOG

官方文檔：

vue-cli-plugin-commitlint?www.npmjs.com

3，各個包的作用解釋

根據上面的配置，已經可以給項目配置提交的規范了。如果只是想應用，那么后面的各個包的功能解釋部分可以選看。

husky

commitizen

commitlint

conventional-changelog-cli

husky: git命令時，自定義指定一些動作

// package.json {"husky": {"hooks": {"pre-commit": "npm test","pre-push": "npm test","...": "..."}} } // commit之前會走 test // push之前會走 test

commitlint

可以幫助我們 lint commit messages, 如果我們提交的不符合指向的規范, 直接拒絕提交, 比較狠.

commitizen

我們需要借助它提供的 git cz 命令替代我們的 git commit 命令, 幫助我們生成符合規范的 commit message

conventional-changelog-cli

根據git的metadata生成changelog

所以，回看一下剛才的package.json

{"scripts": {"log": "conventional-changelog --config ./node_modules/vue-cli-plugin-commitlint/lib/log -i CHANGELOG.md -s -r 0","cz": "npm run log && git add . && git cz"},"husky": {"hooks": {"commit-msg": "commitlint -E HUSKY_GIT_PARAMS"}},"config": {"commitizen": {"path": "./node_modules/vue-cli-plugin-commitlint/lib/cz"}} }

當輸入yarn cz時，

0, 首先生成log

1，走命令git cz。生成commit message

2，husky檢查commit-msg: commitlint -E HUSKY_GIT_PARAMS

3, 校驗完成后，自動提交

總結

以上是生活随笔為你收集整理的vue 打印出git提交信息_规范git项目提交并自动生成项目commit log的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。