vue项目利用git commit 触发执行 eslint检查，使用husky 和 lint-staged

lint-staged 安装和使用

• 说明
  lint-staged 是一个插件，为了方便触发eslint，配置哪些文件触发eslint stylelint等
• 安装

yarn add lint-staged

• 创建 .lintstagedrc 在根目录

{
    "*.vue": "eslint",
    "*.ts": "eslint",
    "*.tsx": "eslint"
}

• 尝试执行看下效果

npx lint-staged

到这里，lint-staged 已经搭建好了，目的是为了配置触发eslint stylelint等
接着需要husky 这个git钩子插件来触发 npx lint-staged 这个命令

husky 安装使用

• 说明
  husky 作用是创建git钩子，然后触发命令执行
• 安装

yarn add husky

• 初始化

npx husky init

会出现下面文件夹

• 创建pre-commit文件，写入触发命令,pre-commit 位于.husky 文件夹下面
  

• 使用效果