TypeScript の lint

TypeScript コードに推奨されるリンターは ESLint(英語) で、プラグインで拡張できる幅広い lint ルールをもたらします。 RustRover は、入力中に ESLint から報告された警告やエラーをエディターに直接表示します。詳細については、 ESLint を参照してください。

RustRover は、プロジェクトの ESLint 構成で @typescript-eslint/parser がパーサーとして設定されている場合、 .ts および .tsx ファイル内で ESLint によって報告されたエラーをハイライトします。 typescript-eslint リポジトリの readme ファイルで詳細を確認できます。

始める前に

Node.js をダウンロードしてインストールします。
ローカル Node.js インタープリターの構成、 Linux の Windows サブシステムで Node.js を使用する、またはリモート Node.js ランタイムの構成の説明に従って、プロジェクトで Node.js ランタイムを構成します。
設定で JavaScript and TypeScript バンドルプラグインが有効になっていることを確認します。 Ctrl+Alt+S を押して設定を開き、プラグインを選択します。インストール済みタブをクリックします。検索フィールドに JavaScript and TypeScript と入力します。プラグインの詳細については、プラグインの管理を参照してください。

ESLint をインストールする

ESLint バージョン 9 以降

組み込みターミナル (Alt+F12) で次のように入力します。
npm install --save-dev eslint @eslint/js typescript typescript-eslint
pnpm add --save-dev eslint @eslint/js typescript typescript-eslint
yarn add --dev eslint @eslint/js typescript typescript-eslint

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

ESLint バージョン 8 以前

組み込みターミナル (Alt+F12) で次のように入力します。
npm install --save-dev @typescript-eslint/parser @typescript-eslint/eslint-plugin eslint typescript
pnpm add --save-dev eslint @eslint/js typescript-eslint
yarn add --dev eslint @eslint/js typescript-eslint

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

構成ファイル

使用している ESLint バージョンによっては、RustRover は次のファイルタイプの構成を認識します：

ESLint バージョン 9 以降

eslint.config.js 、 eslint.config.mjs 、または eslint.config.cjs (フラットフォーマット) の場合は、 ESLint 公式 Web サイト(英語)から詳細を確認してください。

eslint.config.ts 、 eslint.config.mts 、 eslint.config.cts など、TypeScript で記述された構成ファイルを使用することもできます。そのためには、 unstable_ts_config フラグを指定する必要があります。

Ctrl+Alt+S を押して設定を開き、言語 & フレームワーク | JavaScript | コード品質ツール | ESLint を選択します。
手動 ESLint 構成を選択します。
追加 eslint オプションフィールドに --flag unstable_ts_config と入力します。
適用をクリックして変更を保存し、ダイアログを閉じます。

ESLint バージョン 8 以前

.eslintrc.* ( .eslintrc 、 .eslintrc.json 、または .eslintrc.yaml ファイル、またはサポートされている別の形式のファイル)。
.eslintignore
package.json に eslintIgnore または eslintConfig プロパティがある場合。この構成システムは非推奨となっています。詳細は ESLint 公式 Web サイトでご確認ください。

ESLint 設定移行ガイド(英語)からフラット形式に切り替える方法を学習します。

設定ファイルの作成と編集

プロジェクトのルートで設定ファイルを開くか、新しい設定ファイルを作成します。使用している ESLint のバージョンに応じて設定ファイルを入力します。
// @ts-check import eslint from '@eslint/js'; import tseslint from 'typescript-eslint'; export default tseslint.config( eslint.configs.recommended, tseslint.configs.recommended, );
typescript-eslint 公式サイト(英語)の詳細を参照してください。
/* eslint-env node */ module.exports = { extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended'], parser: '@typescript-eslint/parser', plugins: ['@typescript-eslint'], root: true, };
typescript-eslint 公式サイト(英語)の詳細を参照してください。

RustRover で ESLint を設定する

デフォルトでは、ESLint は自動的に構成されます。すべての構成設定を手動で指定するか、ESLint を無効にするかを選択できます。

ESLint の詳細を参照してください。

ESLint で TypeScript コードのリントを抑制する

@typescript-eslint/parser をすでに使用しているが ESLint で TypeScript コードをチェックしたくない場合は、 .eslintignore ファイルに .ts または .tsx を追加してください。

コードの Lint

ESLint をインストールして有効にすると、TypeScript ファイルを開くたびに ESLint が自動的に起動します。保存時に問題を自動的に検出して修正するように ESLint を構成することもできます。

デフォルトでは、RustRover は ESLint 構成で設定された重大度レベルに基づいて検出された問題をマークします。これらの設定を無効にする方法については、 ESLint ハイライトの設定を参照してください。

現在のファイルで検出されたエラーの説明とそれらのクイックフィックスは、エディターおよび問題ツールウィンドウのファイルタブから入手できます。

以前に開いたすべてのファイルのエラーとそれらのクイックフィックスは、問題ツールウィンドウのプロジェクトエラータブに表示されます。ツールウィンドウを開くには、エディターの右上隅にあるインスペクションウィジェットをクリックします。

詳細についてはエディターで問題を表示しクイックフィックスを適用および問題ツールウィンドウを参照してください。

エディターで問題の説明を見るには、ハイライトされたコードの上にマウスを置いてください。
検出された問題を解決するには、 ESLint: 「<rule name>」を修正する。をクリックするか、 Alt+Shift+Enter を押します。
現在のファイルで検出されたすべての問題を解決するには、その他のアクション（Alt+Enter ）をクリックして、リストから ESLint: 現在のファイルを修正を選択します。
または、問題ツールウィンドウ Alt+6 のファイルタブを開くと、問題の説明を表示したり、クイックフィックスを適用したり、エラーが発生したソースコードのフラグメントに移動したり、ツールウィンドウを移動せずにエディタープレビューペインでエラーを修正したりできます。
Problems ツールウィンドウで詳細を確認できます。
このファイルが保存されるときにファイル内のすべての問題を修正するように ESLint を構成することもできます。このような動作を構成するには、 RustRover での ESLint の有効化と構成で説明されているとおり、設定ダイアログの ESLint ページで保存時に eslint --fix を実行チェックボックスを選択します。

エディターで問題を表示してクイックフィックスを適用するおよび ESLint から詳細を学びます。

2026 年 5 月 22 日