ESLint設定生成ツール

ESLint設定生成ツール

あなたのプロジェクトに即座に使えるESLint設定を生成します。フレームワーク、言語バージョン、環境、ルールの厳密度を選択し、出力の内容をリポジトリに直接コピーします。現代的なフラット設定 (ESLint v9+) およびESLint v8で使用されるlegacy設定をサポートしています。eslint.config.js、ESLint v9+ .eslintrc.json ESLint v8で使用されるlegacy形式。

使用方法

1. 設定フォーマットを選択：フラット (ESLint v9+) またはlegacy (.eslintrc.json)。
2. 使用しているフレームワークを選択してください — vanilla JS、Node.js、React、Next.js、Vue 3、またはTypeScript。
3. スタイルガイド（Airbnb、Standard、Google、Prettier）をオプションで選択して拡張できます。
4. JavaScriptとTypeScriptが混在する場合、TypeScriptサポートを切り替えます。
5. コードベースに合わせて言語オプション、環境、ルールの厳密度を調整します。
6. 生成された設定をコピーし、 eslint.config.js または .eslintrc.jsonに貼り付け、表示された依存関係をインストールします。

機能

• フラットおよびlegacyフォーマット — ESLint v9+用の eslint.config.js または .eslintrc.json v8用の
• フレームワークプリセット — vanilla JS、Node.js、React、Next.js、Vue 3、およびTypeScriptに適したプラグインと推奨設定が組み込まれています。
• スタイルガイド — オプションでAirbnb、Standard（neostandardによるフラット）、Google、およびPrettierの統合。
• 共通ルールスイッチ — 以下のようなルールの厳密度をカスタマイズ semi, quotes, indent, no-unused-vars, no-console, eqeqeq, prefer-constと、 no-var.
• インストールコマンド — 対応する npm install -D 行を表示し、正確に必要なパッケージを追加できるようにします。
• インラインコメント — 各オプションの説明をインラインで表示し、設定がドキュメントとしても機能します。
• クライアントサイドのみ — すべてがブラウザで実行され、コードがアップロードされません。