IntelliJ IDEA 2020.3 ヘルプ

TypeScript ツールウィンドウ

TypeScript ツールウィンドウには、TypeScript コードのコンパイルエラーが一覧表示されます。このリストは、コードに加えた変更の影響を受けず、コンパイルを再度呼び出したときにのみ更新されます。

IntelliJ IDEA は、TypeScript に従って、TypeScript ページで TypeScript 言語サービスがアクティブ化されている場合にのみ TypeScript ツールウィンドウを表示します。

ツールウィンドウは、TypeScript コードを最初に手動でコンパイルした後にのみ表示されます。その後、メインメニューの表示 | ツールウィンドウ | TypeScript またはツールウィンドウバーからツールウィンドウにアクセスできます。

TypeScript を JavaScript にコンパイルするを参照してください。

コンパイルエラー

ツールウィンドウは、TypeScript コードを最初に手動でコンパイルした後にのみ表示されます。これは 2 つの方法で行うことができます。

  • 状況バーの TypeScript ウィジェットをクリックし、コンパイルを選択してから、コンパイルスコープを選択します。

    デフォルトでは、すべてコンパイルプロジェクト全体ですべての TypeScript ファイルをコンパイルする略です。この動作を変更するには、tsconfig.json ファイルの files プロパティに別のスコープを定義します。処理するファイルの名前を次の形式で入力します。

    "files" : ["<file1.ts>","<file2.ts>"],

    TypeScript: monitor compilation errors
  • 任意の TypeScript ファイルのコンテキストメニューから TypeScript のコンパイルを選択します。TypeScript ウィジェットからすべてコンパイルを選択した場合と同様に、デフォルトのスコープ内のすべての TypeScript ファイルがコンパイルされます。

その後、メインメニューの表示 | ツールウィンドウ | TypeScript またはツールウィンドウバーからツールウィンドウにアクセスできます。

ツールウィンドウには、選択したスコープで検出されたすべてのコンパイルエラーが一覧表示されます。このリストは、コードに加えた変更の影響を受けず、手動でコンパイルを再度呼び出した場合にのみ更新されます。

エラーメッセージは、それらが検出されたファイルごとにグループ化されています。問題のコードに移動するには、対応するエラーメッセージをダブルクリックするか、それを選択してコンテキストメニューからソースに移動を選択します。

TypeScript ウィジェット

項目 説明
コンパイル

このオプションを選択して手動 TypeScript コンパイルを呼び出してから、コンパイルするファイルの範囲を選択します。

  • アクティブなエディタータブでファイルをコンパイルするには、ファイルへのパスを選択します。

  • tsconfig.json ファイルで定義されているスコープを使用するには、必要な tsconfig.json へのパスを選択します。

  • すべてコンパイルを選択した場合、デフォルトでは、コンパイラーはプロジェクト全体で実行されます。この動作を変更するには、tsconfig.json ファイルの files プロパティに別のスコープを定義します。処理するファイルの名前を次の形式で入力します。

    "files" : ["<file1.ts>","<file2.ts>"],

TypeScript を構成する
The Configure button
このオプションを選択して Typescript ページを開き、TypeScript 設定を編集します。
TypeScript サービスを再起動します
The Restart TypeScript Service button
このオプションを選択して、TypeScript 言語サービスを新たにクリア実行します。

ツールバー

項目 ツールチップとショートカット 説明
Expand all
Collapse all
すべて展開
Ctrl+NumPad +
すべて折りたたむ
Ctrl+NumPad -
これらのボタンを使用して、すべてのノードを展開または折りたたんでください。
The Clear All button すべてを削除 このボタンをクリックして、ツールウィンドウからすべてのエラーメッセージを削除します。
The Close button 閉じる Ctrl+Shift+F4 このボタンをクリックすると、コンパイラーと TypeScript 言語サービスが終了し、ツールウィンドウが閉じます。

コンテキストメニュー

項目 アイコンとショートカット 説明
ソースに移動 Jump to source
F4
選択したエラーが検出されたファイルを開き、エラーの原因となったコードのフラグメントに移動します。
コピー Copy
Ctrl+C
選択したエラーメッセージを、エラーが検出されたファイル、行、列の情報とともにコピーします。
シングルクリックで移動 このオプションを選択した場合、エラーメッセージをクリックすると、問題の原因となったコードが表示されます。
すべて折りたたむ Collapse all
Ctrl+NumPad -
エラーメッセージを非表示にし、コンパイルエラーが検出されたファイルのみを表示します。
すべて展開 Expand all
Ctrl+NumPad +
ツールウィンドウですべてのノードを展開し、各ファイルのエラーメッセージを表示します。
テキストファイルにエクスポート Export to text file
Alt+O

コンパイルエラーが発生したファイルのリストを保存します。

  1. 開いたプレビューのエクスポートダイアログで、コンパイルに問題のあるファイルのリストを保存するテキストファイルへのパスを指定します。

    対応するエラーメッセージも保存するには、詳細チェックボックスが選択されていることを確認してください。

    エラーのあるファイルのリストをクリップボードに保存するには、コピーをクリックします。

    TypeScript tool window: Export Preview
  2. 保存をクリックします。指定されたファイルがすでに存在する場合、IntelliJ IDEA は、このファイルを上書きするか、新しいファイルリストを追加するかを確認します。

関連ページ:

JavaScript リンター

IntelliJ IDEA は、ESLint およびその他の最も一般的な JavaScript コードリンターと統合され、コードを実行せずにコードの問題を検出します。インストールして有効にすると、JavaScript ファイルを開くたびにリンターが自動的にアクティブになり、検出されたエラーと警告が報告され、可能な場合はクイックフィックスが提案されます。現在のファイルで検出されたエラーの説明とそれらのクイックフィックスは、エディターおよび問題ツールウィンドウの現在のファイルタブから入手できます。以前...

TypeScript

IntelliJ IDEA は、TypeScript ソースコードの開発、実行、デバッグをサポートしています。IntelliJ IDEA は .ts および .tsx ファイルを認識し、追加の手順なしで編集するための幅広いコーディング支援を提供します。TypeScript ファイルはアイコンでマークされています。TypeScript 対応のコーディング支援には、キーワード、ラベル、変数、パラメーター、関数の補完、エラーと構文のハイライト、フォーマット、多数のコードインスペクションとクイックフィックス、およ...

TypeScript

このページは、プラグインの管理で説明されている設定 / 環境設定 | プラグインページで JavaScript と Typescript プラグインが有効になっている場合にのみ使用できます。デフォルトでは、TypeScript 言語サービスチェックボックスが選択されています。Node インタープリター:このフィールドには、使用する Node.js インタープリターを指定します。これは、ローカル Node.js インタープリターまたは Windows Subsystem for Linux の Nod...

TypeScript を JavaScript にコンパイルする

ブラウザーと Node.js は JavaScript のみを処理するため、TypeScript コードを実行またはデバッグする前にコンパイルする必要があります。コンパイルでは、TypeScript コードと実際に実行される JavaScript コード間の対応を設定するソースマップを作成することもできます。IntelliJ IDEA には、TypeScript コンパイラーが組み込まれています。デフォルトでは、生成された JavaScript ファイルとソースマップを TypeScript フ...