Node.js と Docker Compose

1. 設定 | プラグインページのインストール済みタブで、JavaScript and TypeScript、JavaScript Debugger、Node.js、Node.js リモートインタープリター、Docker の必須プラグインが有効になっていることを確認します。詳細については、プラグインのマッピングを参照してください。

2. JetBrains マーケットプレイスからプラグインをインストールする説明に従って、設定 | プラグインページのマーケットプレースタブに Node.js リモートインタープリタープラグインをインストールして有効にします。

3. Docker の説明に従って、Docker をダウンロード、インストール、設定します。

1. 設定ダイアログ（Ctrl+Alt+S）を開き、言語 & フレームワーク | JavaScript ランタイムに移動します。

2. ノードランタイムフィールドの横にある をクリックします。

   

3. 現在構成されているすべてのランタイムのリストが表示されている Node.js ランタイムダイアログで、ツールバーの をクリックし、コンテキストメニューからリモートの追加を選択します。

   

4. 開いた Node.js リモートランタイムを構成するダイアログで、Docker Compose を選択します。

5. サーバーリストから、使用する Docker 構成を選択します。

   

   または、フィールドの横にある新規をクリックし、Docker サポートを有効にする説明に従って Docker サーバーを構成します。

6. 構成ファイルフィールドで、使用する docker-compose 構成ファイルを指定します。「参照」をクリックし、表示される「Docker Compose 構成ファイル」ダイアログで構成ファイルのリストを作成します。

   

7. サービスリストから、使用するサービスを選択します。

   

8. OK をクリックすると、Node.js インタープリターダイアログに戻り、新しいランタイムがリストに追加されます。新しく構成されたランタイムをプロジェクトのデフォルトとして設定するには、リストでそのランタイムを選択し、OK をクリックして JavaScript ランタイムダイアログに戻ります。

   

PhpStorm は、たとえば実行 / デバッグ構成を作成するときに、ノードランタイムリストから Project エイリアスを選択するたびに、このインタープリターを自動的に使用します。

新しいランタイムに関連付けられたパッケージマネージャーをプロジェクトの依存関係の管理に使用するには、このパッケージマネージャーをプロジェクトのデフォルトとして設定します。そのためには、パッケージマネージャーフィールドにパッケージマネージャーの場所を指定します。詳しくはプロジェクト内のデフォルトの Node.js ランタイムとパッケージマネージャーを指定するを参照してください。

1. 実行 | 実行構成の編集に進みます。開いた構成の編集ダイアログで、ツールバーの をクリックし、コンテキストメニューから Node.js を選択します。「実行 / デバッグ構成: Node.js」ダイアログが開きます。

2. ファイルフィールドで、それを開始するアプリケーションのメインファイルへのパスを指定します（たとえば、Express(英語) アプリケーションの場合は bin/www）。

   

3. 必要に応じて、Node.js アプリケーションの実行とデバッグで説明されているいくつかのオプション設定を指定します。

4. ノードランタイムリストから、Docker Compose 経由で関連するリモート Node.js ランタイムを選択します。

   

   または、ノードランタイムフィールドの横にある をクリックし、上記のようにリモート Node.js ランタイムを構成します。

   

5. Docker Compose エリアで、Docker Compose に渡すコマンドとオプションを指定します。デフォルト設定を受け入れるか、「 」をクリックしてカスタム設定 (たとえば、--rm や --service-ports などのカスタム Docker Compose フラグ) を指定します。詳細については、Docker オフィシャル Web サイト(英語)を参照してください。

   コマンドプレビューを確認してください。