TypeScript ツールウィンドウ
TypeScript ツールウィンドウには、TypeScript コードのコンパイルエラーが一覧表示されます。このリストは、コードに加えた変更の影響を受けず、コンパイルを再度呼び出したときにのみ更新されます。
PhpStorm は、TypeScript に従って、TypeScript ページで TypeScript 言語サービスがアクティブ化されている場合にのみ、TypeScript ツールウィンドウを表示します。
ツールウィンドウは、TypeScript コードを手動でコンパイルした後にのみ表示されます。その後は、メインメニューの またはツールウィンドウバーからツールウィンドウにアクセスできます。
TypeScript を JavaScript にコンパイルするを参照してください。
コンパイルエラー
ツールウィンドウは、TypeScript コードを最初に手動でコンパイルした後にのみ表示されます。これは 2 つの方法で行うことができます。
ステータスバーの TypeScript ウィジェットをクリックし、コンパイルを選択して、コンパイルスコープを選択します。
デフォルトでは、すべてをコンパイルはプロジェクト全体ですべての TypeScript ファイルをコンパイルする略です。この動作を変更するには、tsconfig.json ファイルの
filesプロパティに別のスコープを定義します。処理するファイルの名前を次の形式で入力します。"files" : ["<file1.ts>","<file2.ts>"],
任意の TypeScript ファイルのコンテキストメニューから TypeScript のコンパイルを選択します。TypeScript ウィジェットからすべてをコンパイルを選択した場合と同様に、デフォルトのスコープ内のすべての TypeScript ファイルがコンパイルされます。
その後、メインメニューの またはツールウィンドウバーからツールウィンドウにアクセスできるようになります。
ツールウィンドウには、選択したスコープで検出されたすべてのコンパイルエラーが一覧表示されます。このリストは、コードに加えた変更の影響を受けず、手動でコンパイルを再度呼び出した場合にのみ更新されます。
エラーメッセージは、それらが検出されたファイルごとにグループ化されています。問題のコードに移動するには、対応するエラーメッセージをダブルクリックするか、それを選択してコンテキストメニューからソースに移動を選択します。
TypeScript ウィジェット
項目 | 説明 |
|---|---|
コンパイル | このオプションを選択して手動 TypeScript コンパイルを呼び出してから、コンパイルするファイルの範囲を選択します。
|
TypeScript の構成 | このオプションを選択して Typescript ページを開き、TypeScript 設定を編集します。 |
TypeScript サービスを再開する | TypeScript 言語サービスを再度クリアして実行するには、このオプションを選択します。 |
ツールバー
項目 | ツールチップとショートカット | 説明 |
|---|---|---|
| すべて展開 Ctrl+NumPad + すべて折りたたむ Ctrl+NumPad - | これらのボタンを使用して、すべてのノードを展開または折りたたんでください。 |
| すべてを削除 | このボタンをクリックして、ツールウィンドウからすべてのエラーメッセージを削除します。 |
| 閉じる Ctrl+Shift+F4 | このボタンをクリックすると、コンパイラーと TypeScript 言語サービスが終了し、ツールウィンドウが閉じられます。 |
/ 
コンテキストメニュー
項目 | アイコンとショートカット | 説明 |
|---|---|---|
ソースに移動 | F4 | 選択したエラーが検出されたファイルを開き、エラーの原因となったコードのフラグメントに移動します。 |
コピー | Ctrl+C | 選択したエラーメッセージを、エラーが検出されたファイル、行、列の情報とともにコピーします。 |
シングルクリックで移動 | このオプションを選択した場合、エラーメッセージをクリックすると、問題の原因となったコードが表示されます。 | |
すべて折りたたむ | Ctrl+NumPad - | エラーメッセージを非表示にし、コンパイルエラーが検出されたファイルのみを表示します。 |
すべて展開 | Ctrl+NumPad + | ツールウィンドウですべてのノードを展開し、各ファイルのエラーメッセージを表示します。 |
テキストファイルにエクスポート | Alt+O | コンパイルエラーが発生したファイルのリストを保存します。
|
関連ページ：
TypeScript
PhpStorm は TypeScript ソースコードの開発、実行、デバッグをサポートします。PhpStorm は .ts および .tsx ファイルを認識し、ユーザー側で追加の手順を踏むことなく編集するためのコーディング支援を提供します。TypeScript ファイルはアイコン。TypeScript 対応のコーディング支援には、キーワード、ラベル、変数、パラメーター、関数の補完、エラーと構文のハイライト、フォーマット、多数のコードインスペクションとクイックフィックス、および一般的で TypeScript...
TypeScript
Node.js ランタイム：このフィールドでは、使用する Node.js ランタイムを指定します。プロジェクトエイリアスを選択した場合、PhpStorm は JavaScript ランタイムページのノードランタイムフィールドにあるプロジェクトのデフォルトインタープリターを自動的に使用します。ほとんどの場合、PhpStorm はプロジェクトのデフォルトランタイムを検出し、そのフィールドに自動的に入力します。別の構成済みのローカルインタープリターまたはリモートインタープリターを選択するか、をクリック...
TypeScript の実行とデバッグ
PhpStorm を使用すると、Node.js で実行されるサーバー側 TypeScript コードと、ブラウザーで実行されるクライアント側 TypeScript コードの両方を実行およびデバッグできます。サーバー側 TypeScript の実行とデバッグ：PhpStorm を使用すると、事前に JavaScript にコンパイルしなくても、サーバー側の TypeScript コードを実行してデバッグできます。サーバー側の複数の TypeScript ファイルアプリケーションの実行とデバッグに...
TODO ツールウィンドウ
PhpStorm は、特定の TODO パターンに一致するソースコードのコメントをプロジェクトで絶えずスキャンし、TODO ツールウィンドウに表示します。TODO ツールウィンドウは、次のタブで構成されています。プロジェクト: プロジェクト全体の TODO 項目を表示します。現在のファイル: エディターで現在開いているファイルの TODO 項目を表示します。スコープベース: リストから選択した特定の範囲の TODO 項目を表示します。現在の変更リスト: アクティブな変更リストに TODO アイテムを表...