TypeScript ツールウィンドウ
TypeScript ツールウィンドウには、TypeScript コードのコンパイルエラーが一覧表示されます。このリストは、コードに加えた変更の影響を受けず、コンパイルを再度呼び出したときにのみ更新されます。
WebStorm は、TypeScript に従って、TypeScript ページで TypeScript 言語サービスがアクティブ化されている場合にのみ TypeScript ツールウィンドウを表示します。
ツールウィンドウは、TypeScript コードを手動でコンパイルした後にのみ表示されます。その後は、メインメニューの またはツールウィンドウバーからツールウィンドウにアクセスできます。
TypeScript を JavaScript にコンパイルするを参照してください。
コンパイルエラー
ツールウィンドウは、TypeScript コードを最初に手動でコンパイルした後にのみ表示されます。これは 2 つの方法で行うことができます。
Click the TypeScript widget on the Status bar, select コンパイル , and then select the compilation scope.
デフォルトでは、すべてをコンパイルはプロジェクト全体ですべての TypeScript ファイルをコンパイルする略です。この動作を変更するには、tsconfig.json ファイルの
filesプロパティに別のスコープを定義します。処理するファイルの名前を次の形式で入力します。"files" : ["<file1.ts>","<file2.ts>"],TypeScript を JavaScript にコンパイルする詳細を参照してください。
任意の 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
WebStorm は TypeScript ソースコードの開発、実行、デバッグをサポートします。WebStorm は .ts および .tsx ファイルを認識し、ユーザー側で追加の手順を踏むことなく編集するためのコーディング支援を提供します。TypeScript ファイルはアイコン。TypeScript 対応のコーディング支援には、キーワード、ラベル、変数、パラメーター、関数の補完、エラーと構文のハイライト、フォーマット、多数のコードインスペクションとクイックフィックス、および一般的で TypeScript...
TypeScript
Node インタープリター：このフィールドで、使用する Node.js インタープリターを指定します。プロジェクトエイリアスを選択すると、WebStorm は Node.js ページの Node インタープリターフィールドからプロジェクトの既定のインタープリターを自動的に使用します。ほとんどの場合、WebStorm はプロジェクトの既定のインタープリターを検出し、フィールド自体に入力します。別の構成済みのローカルインタープリターまたはリモートインタープリターを選択するか、をクリックして新しいインター...
TypeScript の実行とデバッグ
WebStorm を使用すると、Node.js で実行されるサーバー側 TypeScript コードと、ブラウザーで実行されるクライアント側 TypeScript コードの両方を実行およびデバッグできます。サーバー側 TypeScript の実行とデバッグ：WebStorm を使用すると、事前に JavaScript にコンパイルしなくても、サーバー側の TypeScript コードを実行してデバッグできます。サーバー側の複数の TypeScript ファイルアプリケーションの実行とデバッグに...
TypeScript をテストする
バージョン 20 以降、Node.js には組み込みの Node.js テストランナーの安定バージョンが付属しています。WebStorm は組み込みのテストランナーとの統合をサポートしているため、サードパーティのフレームワークをインストールして構成しなくてもテストを実行できます。WebStorm は、ts-node および tsx ローダー用のすぐに使用できる構成を提供しているため、事前に JavaScript にコンパイルしなくても、TypeScript テストを実行してデバッグできます。または、カ...
Web UI テストの自動化
WebStorm の Web UI テスト自動化機能は、テストの自動化プラグインによって提供されます。このプラグインは、自動 UI テストの開発と保守に役立ち、テスト自動化用のスタンドアロン JetBrains IDE である Aqua によって提供される機能の重要な部分を構成します。テストの自動化プラグインは次の機能を提供します。Cypress および Playwright フレームワークの豊富なサポート、Cypress/Playwright テストを実行、デバッグ、検査する機能、広範なコーディング支援...