[pre-commit 管理和维护多语言预提交 Hook 框架]

我们在项目开发时经常会遇到这种情况：

1. 项目团队成员多；
2. 项目成员使用的编辑器种类比较多；
3. 各自都有自己的代码风格。 那么我们提交到仓库中的代码可以说就相当的“好看了”。为了解决这个问题，我们有必要在push代码之前首先使用一个检查工具来帮助我们找到并处理那些跟我们定义的代码风格不相符的代码。这就有了我们一会儿要讲到的pre-commit

在Vue项目中如何使用呢？

1. 使用npm 安装对应的依赖

npm i husky lint-staged -D

依赖下载完成后会在项目的.git文件目录中生成一个hock，这个hock会读取package.json中的配置

2. 配置package.json文件

"husky": {
  "hooks": {
    "commit-msg": "validate-commit-msg",
    "pre-commit": "lint-staged"
  }
},
"lint-staged": {
  "src/**": [
    "prettier --config .prettierrc --write",
    "eslint --fix",
    "git add"
  ]
}

注意：如果src文件目录下有不想校验的内容，比如说svg等，需要在.prettierignore文件中配置