実行ツールウィンドウ
実行ツールウィンドウには、アプリケーションで生成された出力が表示されます。複数のアプリケーションを実行している場合は、それぞれが実行 / デバッグ構成が適用された後に名前が付けられたタブに表示されます。
アプリケーションを re-run すると、新しい出力によってタブの内容が上書きされます。アプリケーションの出力を保持するには、アプリケーションを再実行しても、出力タブを固定します。
Vue.js アプリケーションをデバッグする、Angular アプリケーションをデバッグする、React アプリケーションをデバッグする詳細を参照してください。
各タブの外観は、実行されているアプリケーションのタイプに依存し、追加のツールボックスやペインを含めることができます。
実行ツールウィンドウのメインツールバーを使用すると、アプリケーションを再実行、停止、一時停止、または終了できます。次の表には、ほとんどのアプリケーションに共通のボタンの説明が含まれています。
実行ツールバー
項目 | ツールチップとショートカット | 説明 |
---|---|---|
| 再実行 Ctrl+F5 | このボタンをクリックして、現在のアプリケーションを停止し、再度実行します。 アプリケーションが |
| 再実行 Ctrl+F5 | このボタンをクリックして、現在のアプリケーションを再実行します。 このボタンは、アプリケーションが停止したときに表示されます。 |
| 停止 Ctrl+F2 | 標準の ボタンを 1 回クリックするとソフトキルが呼び出され、アプリケーションが |
| レイアウトの復元 | このボタンをクリックすると、現在のレイアウトへの変更が破棄され、デフォルトの状態に戻ります。 |
| タブをピン留め | 現在のタブを固定または固定解除するには、このボタンをクリックします。このウィンドウで最大数のタブに達したときにタブが自動的に閉じないようにするには、タブを固定する必要があります。 |
| 閉じる Ctrl+Shift+F4 | このボタンをクリックすると、実行ツールウィンドウの選択されたタブが閉じられ、現在のプロセスが終了します。 |
コンテキストメニューコマンド
項目 | 説明 |
---|---|
クリップボードと比較 | エディターからの選択と現在のクリップボードの内容の違いを表示できるクリップボードとエディターダイアログを開きます。このダイアログは通常の比較ツールで、キャレットの行をクリップボードにコピーし、テキストを検索し、相違点間を移動し、空白を管理できます。 |
URL をコピー | 現在の URL をシステムクリップボードにコピーするには、このコマンドを選択します。このコマンドは、アプリケーションの出力に URL が含まれている場合にのみ表示されます。 |
Gist を作成 | このコマンドを選択して Gist を作成ダイアログを開きます。 |
すべてを削除 | 出力ウィンドウをクリアします。 |
コンソールツールバー
項目 | ツールチップとショートカット | 説明 |
---|---|---|
| スタックトレースの上下 Ctrl+Alt+Up Ctrl+Alt+Down) | このボタンをクリックすると、スタックトレース内を上下に移動し、カーソルがソースコード内の対応する場所にジャンプします。 |
| ソフトラップを使用 | このボタンをクリックすると、出力のソフトラップモードが切り替わります。 |
| 最後までスクロールする | このボタンをクリックすると、スタックトレースの一番下に移動し、カーソルがソースコード内の対応する場所にジャンプします。 |
| 印刷 | コンソールテキストをデフォルトプリンタに送信するには、このボタンをクリックします。 |
| すべてを削除 | コンソールからすべてのテキストを削除するには、このボタンをクリックしてください。この機能はコンソールのコンテキストメニューからも利用できます。 |
![]() | コンソール入力を使用 |
|
Karma サーバータブ
このタブは、Karma テストランナーを使用して JavaScript 単体テストを実行する場合にのみ表示されます。このタブを使用して、サーバーからの情報を表示および分析します。
詳細は、Karma を参照してください。
関連ページ:

実行 / デバッグ構成を操作する | PhpStorm
PhpStorm は、実行 / デバッグ構成を使用して、アプリケーションを実行、デバッグ、テストします。各構成は、名前付きの実行 / デバッグ起動プロパティのセットです。実行 / デバッグ構成には 2 つのタイプがあります。一時的–コンテキストメニューからを選択するたびに作成されます。コンテキストメニューを呼び出すには、オブジェクトまたは領域を右クリックします。一時構成の最大数は 5 です。永続的–テンプレートから明示的に作成されるか、一時的な構成を保存することによって作成されます。永続的な構...

ツールウィンドウの表示モード | PhpStorm
デフォルトでは、ツールウィンドウはメインウィンドウの端にアタッチされ、常に表示されています。たとえば、特定のツールウィンドウの表示モードを変更して、アクティブな場合にのみ表示したり、ツールウィンドウバーから切り離したりできます。ツールウィンドウの表示モードを変更するメインメニューからを選択し、表示モードを選択します。または、ツールウィンドウのタイトルバーでクリックし、を選択して、表示モードを選択します。次のツールウィンドウの表示モードを使用できます。ドック (ピン留め): これは、ツールウィン...

Vue.js | PhpStorm
Vue.js は、ユーザーインターフェースと高度な単一ページアプリケーションを開発するためのフレームワークです。PhpStorm は、個別のファイル、属性、プロパティ、メソッド、スロット名などで定義されたコンポーネントを含むコンポーネントの Vue.js 対応コード補完を使用して、HTML、CSS、JavaScript の Vue.js ビルドブロックのサポートを提供します。ビルトインデバッガーを使用すると、Vue.js のコードを PhpStorm で直接デバッグすることができます。PhpStor...

アプリケーションを実行する | PhpStorm
PhpStorm からアプリケーションを実行できるようにするには、まずローカル PHP インタープリターを構成するおよびリモート PHP インタープリターの構成に従って PHP インタープリターを構成する必要があります。その後、次のいずれかを実行できます。コードエディターから単一のスクリプトを実行する、専用の実行 / デバッグ構成を作成して実行する、Web ブラウザーでページをプレビューする、構成済みの PHP インタープリターをオンザフライで切り替えるを押して、と入力し始めます。候補リストで、...

ファイルの差分ビューアー | PhpStorm
このダイアログは、2 つのファイルまたは 2 つのバージョンのファイルを比較するときに表示されます(ローカルの変更、またはローカルファイルとリモートリポジトリのリビジョン間の変更)。バイナリや .jar ファイルなど、あらゆるタイプのファイルを比較できます。ダイアログを開くには、比較する 2 つのファイルまたはそのバージョンを比較するファイルを選択して、を押します。差分ビューアーは、コード補完、ライブテンプレート、その他の機能を有効にする強力なエディターを提供します。ビューの差分とマージ:/ 前の...

Karma | PhpStorm
Karma は、クライアント側の JavaScript をテストするためのツールです。Karma は、実際のブラウザーで実行されているアプリケーションに対してテストを実行します。これにより、テスト結果の正確性と信頼性が保証されます。PhpStorm は Karma と統合されているため、IDE 内からテストのカバレッジを実行、デバッグ、監視できます。ツリービューでテスト結果を確認し、そこからテストソースに簡単に移動できます。テストステータスは、エディターのテストの横に表示され、テストをすばやく実行...