vue2+husky+eslint+prettier+commitlint

本文介绍vue2添加git校验

1、npx husky install 生成.husky的文件夹

2、在.husky文件夹下创建文件pre-commit 内容如下：

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

//--allow-empty 解决格式化prettier文件没变的问题
npx lint-staged --allow-empty

3、命令行提交 安装提交内容规范

第一步：npm i -D commitizen
第二步：npx commitizen init cz-conventional-changelog --save-dev --save-exact
完成后：

// package.json
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+   }
+ }

第三步（提交命令使用）：npx cz
或者：使用 yarn commit

手动提交（vscode）

第一步：npm i @commitlint/config-conventional @commitlint/cli -D
第二步：创建配置文件

// commitlint.config.js
module.exports = {
  extends: ['@commitlint/config-conventional']
}

//第三步：使用husky生成commit-msg
（win10注意不要用空格生成文件后改回来）
npx husky add .husky/commit-msg "npx --no-install commitlint --edit $1"

配置lint-staged
yarn add lint-staged -D

//package.json
  "lint-staged": {
    "src/**": [
      "prettier --config .prettierrc.js --write",
      "eslint --ext .js,.jsx,.ts,.tsx,.vue --no-error-on-unmatched-pattern --quiet --fix"
    ]
  },