git在提交代码时进行eslint的修复

git在提交代码时进行eslint的修复

准备工作

1. 需要自己配置好eslint
2. 了解githooks中的pre-commit(预提交)
3. 需要安装lint-staged和husky yarn add husky lint-staged -D
4. lint-staged需要根据当前的node版本选择安装的版本
   

开始配置

1. 需要安装lint-staged和husky yarn add husky@7.0.4 lint-staged@12.1.7 -D(目前项目中使用到的版本是7.0.4,不同版本可能会不同, 目前使用到的nodejs版本为14.21.1)(https://typicode.github.io/husky/)

1. 初始化npx husky install,之后,项目根目录下会出现.husky文件夹
   

2. npx husky add .husky/pre-commit 'npx lint-staged'命令是为了在git提交的时候,使用lint-staged格式化代码
   
   

3. 在package.json中配置lint-staged,可以先手动运行npx lint-staged验证一下配置时候正确

   "devDependencies" :{},
   "lint-staged": {
      "src/**/*.{js,jsx,vue,ts,tsx}": [
        "eslint --ext .js,.jsx,.vue,.ts,.tsx src --fix"
      ]
    }
   

4. 使用git commit -m 'test' 测试,检查是否在提交的时候按照配置的eslint格式化了代码