複数のターゲットを実行 / デバッグする
PhpStorm は、複数の異なるプロセスやタスクを起動する必要があるクライアントサーバーアプリや複雑なテストなど、複数のものを一度に実行 / デバッグする複数の方法を提供します。いずれの場合も、最初の手順は、起動する必要があるタスクまたはプロセスごとに実行構成を作成することです。必要な構成がすべて整ったら、次のオプションがあります。
複合実行構成を使用する複数の構成を並行して起動する
起動前タスクを使用する複数の構成を順番に起動する
複数の構成を一度に起動すると、それぞれが実行またはデバッグツールウィンドウの個別のタブで使用可能になります。
複合実行 / デバッグ構成による並列起動
複合実行構成を使用すると、複数の実行 / デバッグ構成を同時に起動できます。
複合実行 / デバッグ構成を作成する
セッションで起動する必要がある各アプリとプロセスの実行 / デバッグ構成を作成します。
に進みます。または、Alt+Shift+F10 を押してから 0 を押します。
実行 / デバッグ構成ダイアログで、
をクリックするか Alt+Insert を押してから、複合を選択します。
名前フィールドに実行 / デバッグ構成名を指定します。この名前は、リストやメニューで実行 / デバッグ構成を識別するために使用されます。
この実行 / デバッグ構成を他のチームメンバーが利用できるようにするには、プロジェクトファイルとして保存を選択します。
新しい実行 / デバッグ構成を複合構成に含めるには、追加
をクリックし、リストから目的の構成を選択します。
変更を適用し、ダイアログを閉じます。
複合構成をセットアップしたら、デバッグの有無にかかわらず起動できます。
「起動前」タスクによる順次起動
実行 / デバッグ構成の起動前タスクは、他の実行 / デバッグ構成の起動など、さまざまなタスクに使用できます。
「起動前」タスクの構成
セッションで起動する必要がある各アプリとプロセスの実行 / デバッグ構成を作成します。
に進みます。または、Alt+Shift+F10 を押してから 0 を押します。
実行 / デバッグ構成ダイアログで、最後に起動する構成を選択します。
オプションを変更をクリックし、起動前タスクの追加を選択します。
タスクの追加をクリックし、次に
別の構成を実行を選択して、目的の構成を選択します。
必要な構成がすべて追加されていることを確認します。
アップ Alt+Up および
ダウン Alt+Down を使用して起動順序を調整します (上部の構成が最初に起動されます)。
変更を適用し、ダイアログを閉じます。
最後に開始する構成で起動前タスクを設定したら、デバッグの有無にかかわらず起動できます。
PhpStorm は次の「打ち上げ前」タスクをサポートしています。
Web ブラウザーの起動 : ブラウザーを起動するには、このオプションを選択します。開いたダイアログで、ブラウザーの種類を選択し、開始 URL を指定します。また、ブラウザーを JavaScript デバッガーで起動するかどうかも指定します。
外部ツールの実行 : 外部アプリケーションを実行することを選択します。開いたダイアログで、実行する 1 つまたは複数のアプリケーションを選択します。PhpStorm でまだ定義されていない場合は、定義を追加します。詳細については、「外部ツールおよび外部ツール」を参照してください。
別の構成を実行 : 別の実行 / デバッグ構成を実行することを選択し、それが完了するまで待ってから現在の構成を開始します。複数の構成を並行して実行する場合は、複合実行 / デバッグ構成を使用してください。
ファイル監視の実行 : PhpStorm に現在アクティブなすべての File Watchers を適用させるには、このオプションを選択します。
リモート外部ツールの実行 : リモート SSH 外部ツールを追加します。
Grunt タスクの実行 : Grunt タスクを実行するには、このオプションを選択してください。
表示される Grunt タスクダイアログで、必要なタスクが定義されている Gruntfile.js を指定し、実行するタスクを選択して、Grunt ツールに渡す引数を指定します。
Node.js インタープリターの場所、渡すパラメーター、grunt-cli パッケージへのパスを指定します。
gulp タスクの実行 : Gulp タスクを実行するには、このオプションを選択してください。
表示される Gulp タスクダイアログで、必要なタスクが定義されている Gulpfile.js を指定し、実行するタスクを選択して、Gulp ツールに渡す引数を指定します。
Node.js インタープリターの場所、それに渡すパラメーター、gulp パッケージへのパスを指定します。
npm スクリプトの実行 : npm スクリプトを実行するには、このオプションを選択してください。
開いた NPM スクリプトダイアログで、npm 実行 / デバッグ構成設定を指定します。
TypeScript のコンパイル : 組み込み TypeScript コンパイラーを実行するように選択し、TypeScript コードに加えたすべての変更が生成された JavaScript ファイルに反映されるようにします。表示される TypeScript のコンパイル設定ダイアログで、エラーの確認チェックボックスを選択または選択解除して、エラーが検出された場合のコンパイラーの動作を設定します。
エラーの確認チェックボックスが選択されていると、コンパイラーはすべてのエラーを表示し、実行構成は開始されません。
エラーの確認チェックボックスがオフの場合、コンパイラーは検出されたすべてのエラーを表示しますが、実行構成は起動されます。
CoffeeScript ソースマップの生成 : CoffeeScript ソースのソースマップを生成するには、このオプションを選択してください。表示されるダイアログで、CoffeeScript のソースファイルがある場所を指定します。
リモートホストにファイルをアップロードする : このオプションを選択すると、デフォルトのサーバーアクセス構成に従って、アプリケーションファイルが自動的にサーバーにアップロードされます。
関連ページ:

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

外部ツール
サードパーティのコマンドラインアプリケーションを外部ツールとして構成し、PhpStorm から実行します。たとえば、ワークフローによっては、特定のスクリプト、コードジェネレーター、アナライザー、プリプロセッサーまたはポストプロセッサー、データベースユーティリティなどを実行する必要がある場合があります。PhpStorm を外部ツールとして設定すると、専用のアクションが提供されます。このアクションは、メインメニューや特定のコンテキストメニューから実行したり、ショートカットを割り当てたり、特定の実行構...

外部ツール
このページでは、ローカル外部ツールに対して構成できる設定について説明します。外部ツールの追加と使用の詳細については、「外部ツール」を参照してください。ツールバーボタンを使用して、使用可能な外部ツールのリストを管理します。保持したいがメニューで使用できないツールとグループのチェックボックスをオフにします。追加新しい外部ツールを追加します。除去選択したツールまたはグループを削除します。編集選択したツールを編集します。上へ選択したツールをリスト内で上に移動します。

File Watchers
File Watcher は、ファイルの変更を追跡し、サードパーティのスタンドアロンアプリケーションを実行する PhpStorm システムです。PhpStorm は、多数の標準的な一般的なサードパーティツール (コンパイラー、コンプレッサー、整形ツールなど) 用に定義済みの File Watcher テンプレートを提供します。カスタム File Watcher を設定して、他のサードパーティツールを実行することもできます。File Watchers には 2 つの専用コードインスペクションがありま...

リモート SSH 外部ツール
このページでは、リモート外部ツールで行うことができる設定について説明します。外部ツールの追加と使用の詳細については、「外部ツール」を参照してください。ツールバーボタンを使用して、使用可能な外部ツールのリストを管理します。保持したいがメニューで使用できないツールとグループのチェックボックスをオフにします。追加新しい外部ツールを追加します。除去選択したツールまたはグループを削除します。編集選択したツールを編集します。上へ選択したツールをリスト内で上に移動します。

npm、pnpm、Yarn
PhpStorm は npm、pnpm、Yarn、Yarn 2、Yarn 3 と統合されているため、組み込みのターミナルで、IDE 内から再利用可能なコードのパッケージをインストール、検索、更新、削除できます。PhpStorm では、npm、Yarn、pnpm スクリプトを実行およびデバッグすることもできます。PhpStorm は、package.json ファイルを解析してスクリプトの定義を認識し、スクリプトをツリービューに表示して、ツリー内のスクリプトと package.json ファイル内のその定...