Husky and Lint-staged pre-commit hook to lint code with ESLint and format code with Prettier before commit

husky-lint-staged-eslint-prettier-pre-commit.md

1. install deps: yarn add -D husky lint-staged is-ci
2. configure husky pre-commit hook:

npm set-script prepare "husky install"
npm run prepare
npx husky add .husky/pre-commit "npm run pre-commit"

3. edit npm prepare script: "prepare": "is-ci || husky install"
4. add pre-commit script to package.json scripts section: "pre-commit": "npx lint-staged"
5. add lint-staged section to package.json:

  "lint-staged": {
    "*.{ts,tsx}": [
      "prettier --write",
      "eslint --fix",
      "git add"
    ],
    "*.{html,css,less,ejs}": [
      "prettier --write",
      "git add"
    ],
    "*.js": "eslint --cache --fix"
  }

6. commit and be happy that you push clean and well formatted code!