项目中使用 husky 配合 lint-staged 进行git提交前代码检查

husky v6版本的具体使用方法

---

• 插件自定配置（推荐）

npx husky-init && npm install 

上边命令会设置husky并且声称一个.husky文件夹,修改package.json并且创建了一个可执行的pre-commit脚本样例，当你git commit命令式，默认会执行npm test

• .husky文件夹中会有一个pre-commit 生成的代码示例

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

• hooks add添加其他hooks(如果需要配合 commitlint 规范提交message格式)

npx hooks add .hooks/commit-msg 'npx --no-install commitlint --edit "$1"'

---

这里配合 lint-staged 实现提交代码前检查功能

• lint-staged 这里就不解释此插件作用了

npm isntall lint-staged -D //此插件功能为只检查后来修改的代码 详细可自行查看

• 在page.json文件中添加(这里是root级)

"lint-staged": {
	"*.{js,jsx,vue}": [
	"vue-cli-service lint"
	]
}

• .husky文件夹中会有一个 pre-commit (修改其中的代码,就是提交代码前需要执行的检查代码的命令)

#!/bin/sh
. "$(dirname "$0")/_/husky.sh"
npx --no-install lint-staged  //这里的意思是 使用执行 lint-statged 插件 使用本地资源 不下载

• 绕过代码检查 直接提交代码

git commit -m "test" --no-verify

官方文档
参考文档,思否
低版本可以直接按照此文档