ESLint

1. お使いのコンピューターに Node.js(英語) がインストールされていることを確認してください。

2. ローカル Node.js インタープリターの構成、または Windows Subsystem for Linux で Node.js を使用する、またはリモート Node.js インタープリターの構成に従って、プロジェクトで Node.js インタープリターを構成します。

1. 埋め込まれたターミナル（Alt+F12）で、次のいずれかのコマンドを入力します。

   • npm init @eslint/config@latest は現在のプロジェクトに ESLint をインストールし、構成ファイルを生成します。

     ウィザードの質問に答えます。その結果、WebStorm は最新バージョンの ESLint をインストールし、eslint.config.js 構成ファイルを生成します。

   • 開発依存関係として ESLint をインストールするための npm install --save-dev eslint

   • グローバルインストール用の npm install --g eslint

   • pnpm create @eslint/config@latest は現在のプロジェクトに ESLint をインストールし、構成ファイルを生成します。

     ウィザードの質問に答えます。その結果、WebStorm は最新バージョンの ESLint をインストールし、eslint.config.js 構成ファイルを生成します。

   • 開発依存関係として ESLint をインストールするための pnpm add -D eslint

   • グローバルインストール用の pnpm add -g eslint

   • yarn create @eslint/config は現在のプロジェクトに ESLint をインストールし、構成ファイルを生成します。

     ウィザードの質問に答えます。その結果、WebStorm は最新バージョンの ESLint をインストールし、eslint.config.js 構成ファイルを生成します。

   • 開発依存関係として ESLint をインストールするための yarn add -D eslint

   • グローバルインストール用の yarn add eslint

2. 必要に応じて、追加のプラグイン（たとえば、eslint-plugin-react(英語) を lint React アプリケーションにインストール）をインストールします。

ESLint 構成のルールの重大度レベルを変更する

• 設定ファイルで、編集するルールを見つけて、その ID を 1 warn または 2 error に設定します。

  ESLint 公式 Web サイト(英語)の詳細を参照してください。

構成から重大度レベルを無視する

1. 設定ダイアログ（Ctrl+Alt+S）で、エディター | インスペクションを選択します。インスペクションページが開きます。

2. 中央ペインで、JavaScript | コード品質ツール | ESLint に移動します。

3. 右側のペインで、構成ファイルのルール重要度を使用するチェックボックスをオフにし、デフォルトのものの代わりに使用する重大度を選択します。

   

• 最初にプロジェクトを開くと、WebStorm はプロジェクトの ESLint 設定からコードスタイルを自動的にインポートします。

• ESLint の設定が（手動またはバージョン管理から）更新されている場合は、それをエディターで開き、コンテキストメニューから ESLint コードスタイルルールの適用を選択します。

  

  または、ファイルの上部にある "ESLint からコードスタイルを適用しますか？ " の質問にはいと答えるだけです。

  

  適用されたルールのリストは、イベントログツールウィンドウに表示されます。

  

JavaScript 標準をインストールする

• 埋め込まれたターミナル（Alt+F12）で、次のように入力します。

  npm install standard --save-dev

  JavaScript 標準スタイル公式サイト(英語)の詳細を参照してください。

ESLint を介して標準で lint を有効にする

プロジェクトの package.json ファイルに standard が記載されているプロジェクトを開くと、WebStorm は自動的に lint を Standard で有効にします。

1. 設定ダイアログ（Ctrl+Alt+S）で、言語 & フレームワーク | JavaScript | コード品質ツール | ESLint に移動します。

2. 表示された ESLint ページで、手動 ESLint 構成を選択し、ESLint パッケージフィールドに standard パッケージの場所を指定します。

JavaScript 標準スタイルをデフォルトとして設定する

1. 設定ダイアログ（Ctrl+Alt+S）で、エディター | コードスタイル | JavaScript に移動します。

2. JavaScript ページで選択して設定をクリックし、次に JavaScript 標準スタイルを選択します。スタイルは現在のスキームを置き換えます。

1. Node.js、Node.js リモートインタープリター、Docker に必要なプラグインが設定 | プラグインページのインストール済みタブで有効になっていることを確認します。詳細については、プラグインのマッピングを参照してください。

2. Docker トピックの説明に従って、Docker をダウンロード、インストール、構成します。

3. Docker で Node.js リモートインタープリターを構成するまたは Docker Compose を介して、プロジェクトのデフォルトとして設定します。また、このリモートインタープリターに関連付けられているパッケージマネージャーがプロジェクトのデフォルトとして設定されていることを確認してください。

4. package.json を開き、ESLint が devDependencies セクションにリストされていることを確認します。

   { "name": "node-express", "version": "0.0.0", "private": true, "dependencies": { "cookie-parser": "~1.4.4", "debug": "~2.6.9", "express": "~4.16.1", "http-errors": "~1.6.3", "morgan": "~1.9.1", "pug": "^3.0.2" }, "devDependencies": { "eslint": "^8.1.0" } }

5. エディターの任意の場所を右クリックして、コンテキストメニューから実行 '<package manager> install' を選択します。

6. その後、ESLint は、コードをローカルで操作する場合と同じように機能します。検出された不一致の説明をエディターまたは問題ツールウィンドウで表示し、提案されたクイックフィックスを適用します。