TypeScript ツールウィンドウ
TypeScript ツールウィンドウには、TypeScript コードのコンパイルエラーが一覧表示されます。このリストは、コードに加えた変更の影響を受けず、コンパイルを再度呼び出したときにのみ更新されます。
PyCharm は、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
PyCharm は TypeScript ソースコードの開発、実行、デバッグをサポートします。PyCharm は .ts および .tsx ファイルを認識し、ユーザー側で追加の手順を踏むことなく編集するためのコーディング支援を提供します。TypeScript ファイルはアイコン。TypeScript 対応のコーディング支援には、キーワード、ラベル、変数、パラメーター、関数の補完、エラーと構文のハイライト、フォーマット、多数のコードインスペクションとクイックフィックス、および一般的で TypeScript 固...
TypeScript
Node インタープリター：このフィールドで、使用する Node.js インタープリターを指定します。プロジェクトエイリアスを選択すると、PyCharm は Node.js ページの Node インタープリターフィールドからプロジェクトの既定のインタープリターを自動的に使用します。ほとんどの場合、PyCharm はプロジェクトの既定のインタープリターを検出し、フィールド自体に入力します。別の構成済みのローカルインタープリターまたはリモートインタープリターを選択するか、をクリックして新しいインタープリ...
TypeScript を JavaScript にコンパイルする
ブラウザーと Node.js は JavaScript のみを処理するため、TypeScript コードを実行またはデバッグする前にコンパイルする必要があります。コンパイルでは、TypeScript コードと実際に実行される JavaScript コード間の対応を設定するソースマップを作成することもできます。PyCharm には、TypeScript コンパイラーが組み込まれています。デフォルトでは、生成された JavaScript ファイルとソースマップを TypeScript ファイルの横に...
TODO ツールウィンドウ
PyCharm は、特定の TODO パターンに一致するソースコードのコメントをプロジェクトで絶えずスキャンし、TODO ツールウィンドウに表示します。TODO ツールウィンドウは、次のタブで構成されています。プロジェクト: プロジェクト全体の TODO 項目を表示します。現在のファイル: エディターで現在開いているファイルの TODO 項目を表示します。スコープベース: リストから選択した特定の範囲の TODO 項目を表示します。現在の変更リスト: アクティブな変更リストに TODO アイテムを表示...