TypeScript環境でのESLint設定
必要なパッケージの導入
code:sh
npm i -D eslint eslint-config-standard-with-typescript eslint-plugin-import eslint-plugin-node eslint-plugin-promise eslint-plugin-standard @typescript-eslint/eslint-plugin
Vueとか使ってるならそれ関連のプラグインも入れる。
プロジェクトルートに.eslintrc.jsonを作って下記追記。
code:json
{
"extends": [
"plugin:@typescript-eslint/recommended",
"standard-with-typescript"
],
"plugins": [
"@typescript-eslint"
],
"parserOptions": {
"project": "./tsconfig.json"
}
}
ルールは個別に詰めてく感じで。
package.jsonのscript内に下記を追記
code:json
"lint": "eslint --ext .ts,.js --ignore-path .gitignore ."
npm run lintしたらルールに合ってないコードがあればエラーを出してくれる。
VSCodeを使っていたら波線でエラー表示してくれるし、設定すればセーブ時に自動修正してくれる。