問題タブ [eslintrc]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
eslint - typescript、jest、およびreact-hooksを使用した反応プロジェクト用に、airbnbおよびprettierで拡張されたESLint構成
構成ファイルのセットアップ方法と、どの構成/プラグインを使用する必要があるかについて、非常に混乱しています。
Typescript、Jest、および React フックを使用する React プロジェクトがあります。
インストールする必要があることはわかっています：
eslintprettier、eslint-config-prettier、eslint-plugin-prettiereslint-plugin-import
Airbnb の設定に関しては、インストールする必要があるかどうかわかりません:
eslint-config-airbnb、eslint-plugin-react、eslint-plugin-jsx-a11yまたはeslint-config-airbnb-base
これらのどちらも Typescript をサポートしているようには見えないため、以下もインストールする必要があるようです。
@typescript-eslint/eslint-plugin、@typescript-eslint/parser
Jest の場合、以下をインストールする必要があります。
eslint-plugin-jest
Reactフックについてはわかりません。ここで追加のものをインストールする必要がありますか、それとも他のパッケージのいずれかにサポートが含まれていますか? インストールのオプションがあることがわかりました：
eslint-plugin-react-hooks
それは必要ですか？
ここで、構成ファイルについて、私が関心を持っている領域が 2 つあります:extendsとplugins.
これらのパッケージのいくつかは で拡張できるよう/recommendedです。これらのいずれかを使用する必要がありますか? extendsセクションはどうあるべきですか？次のように設定する例を見てきました。
以下を使用する他の例を見てきましたが、
そして、使用する別の例:
他の Typescript、Jest、React Hooks プラグインはどうですか? たとえば、eslint-plugin-jestextend に追加"plugin:jest/recommended"することを提案します。それは他のものと競合しますか？"plugin:@typescript-eslint/recommended"とを追加することもでき"prettier/@typescript-eslint"ます。それらも含めるべきですか？
このpluginsセクションでは、eslint-plugin-....インストールした各パッケージをリストするだけですか?
以下に例を示します。これがどのように見えるか教えてください。
インストール済みパッケージ
構成ファイル: