关于vue.js:vue2huskyeslintprettiercommitlint

本文介绍 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"
    ]
  },