yasutomogのブログ

Software Engineerの雑記

eslintとprettier

概要

  • eslintとprettierをGitコミット時に実行する

環境

  • node:14.14.0
  • eslint:7.23.0
  • eslint-config-prettier:8.1.0
  • husky:6.0.0
  • lint-staged:10.5.4
  • prettier:2.2.1

設定ファイル

prettierrc.json

{
  "singleQuote": true
}

eslintrc.json

{
  "env": {
      "es6": true
  },
  "globals": {
      "alert": false,
      "document": false,
      "$": false,
      "console": false
  },
  "extends": ["eslint:recommended", "prettier"]
}

.husky/pre-commit

#!/bin/sh
  #!/bin/sh
  . "$(dirname "$0")/_/husky.sh"

  npm run lint-staged

package.json

"scripts": {
  "lint-staged": "lint-staged"
},
"lint-staged": {
  "*.{js,ts,jsx,tsx}": [
      "npx eslint . --fix",
      "npx prettier --write ."
  ]
},