ツールウィンドウ
ツールウィンドウは、project の構造の表示、アプリケーションの実行やデバッグ、バージョン管理システムやその他の外部ツールとの統合、コード解析、検索、ナビゲーションなどの開発タスクへのアクセスを提供します。 デフォルトでは、ツールウィンドウはメインウィンドウの下部と側面に接続されています。 ただし、別のモニターなどで別のウィンドウとして使用するために、再配置したり、切り離したりすることもできます。

エディター
プロジェクト ツールウィンドウ (Alt+1)
npm ツールウィンドウ
実行 ツールウィンドウ
一部のツールウィンドウは常に利用可能であり(例えば、 プロジェクトや 構造 、または ターミナル )、一部は特定のプラグインが有効化されていたりプロジェクトが特定の構造である場合に有効になり(例えば、 TypeScript、 Grunt、 npm 、または Spy-js )、さらに一部は特定のアクションを実行した場合のみ表示されます(例えば、 デバッグや 検索)。
ツールウィンドウを開く
ツールウィンドウを表示または非表示にするには、次のいずれかを実行してください:
のツールウィンドウに移動します。
対応するショートカット (例: Alt+1 )を使用して、 プロジェクト ツールウィンドウを開きます。 ツールウィンドウにショートカットがない場合は、 キーボードショートカットを設定する 説明に従って割り当てることができます。
ツールウィンドウバーの対応するツールウィンドウボタンをクリックします。

アクティブなツールウィンドウを閉じる
Shift+Escape を押すか、メインメニューから を選択します。
非表示のツールウィンドウを表示するには、それに割り当てられたショートカットを使用します (ショートカット付きのツールウィンドウの完全なリストを表示するには、 に移動します)。
ツールバー上のツールウィンドウのアイコンを右クリックし、 非表示 を選択します。
ツールウィンドウのヘッダーにある 非表示 ボタン (
) をクリックします。
エディターに集中したいときは、すべてのツールウィンドウを非表示にし、必要に応じて非表示にしたとき開いていたウィンドウをすばやく元通りに戻すことができます。
すべてのツールウィンドウを非表示または復元する
Ctrl+Shift+F12 を押す。
最大化したい エディタータブをダブルクリックします。 これは、 詳細設定 設定ページ Ctrl+Alt+S で エディタータブをダブルクリックしたときに 'すべてのツールウィンドウを閉じる' / 'ウィンドウを復元' を実行する が有効になっている場合にのみ機能します。
メインメニューから を選択します。
エディターとツールウィンドウ間を移動する
ツールウィンドウバーとボタン
メインウィンドウの横のバーには、ツールウィンドウのアイコンが含まれています。 アイコンをクリックすると、ツールウィンドウの表示 / 非表示を切り替えることができます。 アイコンを右クリックするとコンテキストメニューが開き、ツールウィンドウを非表示にしたり移動したりできます。 ツールウィンドウアイコンをドラッグして、ツールウィンドウを並べ替えることもできます。

ツールウィンドウバーを表示または非表示にする
メインメニューの に移動し、 ツールウィンドウバー を選択またはクリアします。
ツールウィンドウ名を表示または非表示にする
ツールウィンドウバーを右クリックし、 ツールウィンドウ名の表示 を選択または選択解除します。


ツールウィンドウのコンポーネント
通常、ツールウィンドウにはヘッダーとコンテンツペインがあります。

一部のツールウィンドウには、さまざまなアクションを実行するためのコントロールが含まれるツールバーが付いているものもあります。

ツールウィンドウヘッダーには、ツールウィンドウの表示モードと位置を変更するためのオプションメニュー と、関連する設定やアクションのセットが含まれています。 ヘッダーを右クリックしてこれらのオプションにアクセスすることもできます。
ツールウィンドウには、複数の異なるビューが含まれる場合があります。 ビューを切り替えるには、このようなウィンドウのヘッダーにタブまたはドロップダウンセレクターを使用します。
ドロップダウンメニューを表示するには、ヘッダーを右クリックして タブのグループ化 を選択します。 タブを表示するには、このオプションを無効にします。

ツールウィンドウのタブを切り替えるには、 Alt+Right と Alt+Left を押します。
をクリックするとツールウィンドウが非表示になり、ヘッダーにある他のボタンを使用できます。 例:
と
をクリックするとツールウィンドウの内容が展開および折りたたまれ、
をクリックするとツールウィンドウのエディターからファイルを見つけて選択できます。
デフォルトでは、ツールウィンドウヘッダーのアイコンは、ツールウィンドウにマウスを移動したとき、またはツールウィンドウにフォーカスがあるときにのみ表示されます。 ツールウィンドウヘッダーアイコンを常に表示するには、 詳細設定 設定ページ Ctrl+Alt+S に移動し、 ツールウィンドウのヘッダーアイコンを常に表示する を選択します。
ツールウィンドウのツールバーからのアクションは、通常、メインメニューとコンテキストメニューからも利用できます。 それらのいくつかは、デフォルトのショートカットで実行することもできます。 キーボードショートカットを設定する に従って、アクションのショートカットを割り当てることができます。
ツリー状の構造を表示するすべてのツールウィンドウ(たとえば、 プロジェクト ツールウィンドウ(Alt+1 ))では、ツリービューのインデントレベルを示す垂直線を表示して、project 内のコンポーネントの階層をより理解しやすくなります。 これらの線を表示するには、 外観 & 振る舞い | 外観 設定ページ Ctrl+Alt+S で インデントガイドを表示する を有効にします。
次のショートカットを使用してWebStormのツールウィンドウを管理できます:
アクティブなツールウィンドウを非表示 | Shift+Escape |
すべてのツールウィンドウを非表示 | Ctrl+Shift+F12 |
最後のツールウィンドウに移動 | F12 |
Ctrl+Alt+Shift+Left | |
Ctrl+Alt+Shift+Right | |
Ctrl+Alt+Shift+Up | |
Ctrl+Alt+Shift+Down | |
Alt+1 | |
Alt+2 | |
Alt+3 | |
Alt+4 | |
Alt+5 | |
Alt+6 | |
Alt+7 | |
Alt+8 | |
Alt+9 | |
Alt+0 | |
ターミナルウィンドウを表示 | Alt+F12 |
Ctrl+Alt+3 |