必要なパッケージのインストール
1 |
npm install @typescript-eslint/eslint-plugin@latest --save-dev |
設定ファイル(.eslintrc.json)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
{ "extends": [ "eslint:recommended", "plugin:@typescript-eslint/eslint-recommended", // eslint:recommendedに含まれるルールを型チェックでカバーできるものは無効化 "plugin:@typescript-eslint/recommended", // 型チェックが不要なルールを適用 "plugin:@typescript-eslint/recommended-requiring-type-checking" // 型チェックが必要なルールを適用 ], "plugins": [ "@typescript-eslint" // ESLintのTypeScriptプラグインのルールを適用できる様にする(/eslint-pluginは省略可) ], "parserOptions": { "ecmaVersion": 6, "project": "./tsconfig.json" // tsconfig.jsonの場所を指定 }, "parser": "@typescript-eslint/parser", // ESLintにTypeScriptを理解させる "env": { "browser": true, "es6": true }, "globals": {}, "rules": {} } |
parserOptions
TypeScriptコンパイルの設定ファイルのパスを指定する必要がある。(上の例で言えば、「tsconfig.json」)
注意点
tsconfig.jsonをそのまま指定してしまうとnode_modules内のファイルもパースされてしまいパフォーマンスが低下するらしいので、「tsconfig.eslint.json」みたいなファイルを作って別途指定してあげる方が良いそうです。
実行
1 |
eslint hello.ts |
rules
実際の開発では開発メンバーによって認識の差が生まれることが結構あります。そのような場合に一部のlintをoffにしてしまいます。
1 2 3 |
rules{ '@typescript-eslint/explicit-function-return-type': off } |
この記事へのコメントはありません。