コードを送信する前に、提出内容を検証します.
7358 ワード
ターゲット
プロジェクトでは、
背景具体的なeslintルールは、前に書いたブログを参照してください. 現在のプロジェクトは主に業界で最も広く使われているAnglar Message規格を参考にしています. プロジェクトのボリュームが大きいので、コードチェックは変更コードがあるファイルをチェックするだけです.
インストール依存
comitlintは
lint-stagedは現在
huskyを追加
huskyは、規格外コードの提出を防ぐために便利な
プロジェクトでは、
git倉庫前のeslintのチェックとgit commit messageのチェックにコードを追加します.背景
インストール依存
npm install husky lint-staged @commitlint/cli @commitlint/config-conventional -D
comitlintは
git commit messageの検査に便利です.また、Angular Message については、阮先生のComit messageとChange logsを参考にしてマニュアルを作成することができます.// commitlint.config.js
// git
module.exports = {
extends: ['@commitlint/config-conventional'],
rules: {
//
// feat： （feature）
// fix： bug
// docs： （README、Change Log ）
// style： ， ， CSS
// refactor： （ ， Bug ）
// test：
// chore： ， 、Dockerfile、package.json
'type-enum': [2, 'always', [
'feat', 'fix', 'docs', 'style', 'refactor', 'test', 'chore'
]],
'type-case': [0],
'type-empty': [0],
'scope-empty': [0],
'scope-case': [0],
'subject-full-stop': [0, 'never'],
'subject-case': [0, 'never'],
'header-max-length': [0, 'always', 72]
}
}
lint-stagedは現在
gitに提出されているコードのみをチェックします.// lint-staged.config.js
// git
module.exports = {
'src/**/*.js': ['eslint --fix', 'git add'],
'src/**/*.vue': ['eslint --fix', 'git add']
}
jsとvueファイルをチェックするだけでなく、スタイリングポイントなどを追加してコードのスタイルをチェックすることもできます.huskyを追加
huskyは、規格外コードの提出を防ぐために便利な
git、hook、git commitなどを提供する.// .husky.json
{
"hooks": {
"pre-commit": ["lint-staged"],
"commit-msg": "commitlint -e $HUSKY_GIT_PARAMS",
}
}