项目实现eslint+prettier+pre-commit自动化

 下载依赖

npm i husky prettier eslint eslint-config-prettier eslint-plugin-prettier -D

配置husky

husky install;
npx husky add .husky/pre-commit "npm run test"; // 生成pre-commit钩子

.prettier配置文件

{
  "tabWidth": 2,
  "useTabs": false,
  "semi": true,
  "singleQuote": true,
  "trailingComma": "none",
  "bracketSpacing": true,
  "printWidth": 120,
  "arrowParens": "avoid",
  "jsxBracketSameLine": false,
  "endOfLine": "auto"
}

.eslintrc.json配置文件

{
  "env": {
    "browser": true,
    "es6": true
  },
  "globals": {
    "Atomics": "readonly",
    "SharedArrayBuffer": "readonly"
  },
  "parserOptions": {
    "ecmaVersion": 2018,
    "sourceType": "module"
  },
  "plugins": ["prettier"],
  "rules": {
    "prettier/prettier": "error"
  }
}

在package.json配置npm run test命令

"scripts": {
    "lint": "eslint --fix --ext .js src/"
  }

这样每次git commit提交代码的同时，eslint会根据自身的配置检查src文件夹下面的的js文件是否符合规范，根据pretier的配置去检查js文件是否符合格式，以实现项目代码管理的自动化。