リモート Node.js ランタイムの構成

始める前に

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

2. 設定で FTP/SFTP/WebDAV 接続プラグインが有効になっていることを確認します。Ctrl+Alt+S を押して設定を開き、プラグインを選択します。インストール済みタブをクリックします。検索フィールドに FTP/SFTP/WebDAV 接続と入力します。プラグインの詳細については、プラグインのマッピングを参照してください。

3. SSH 構成を作成する説明に従って、ターゲットリモートホスト上の SSH サーバーへのアクセスを構成し、このサーバーが実行されていることを確認します。

設定で SSH 経由でリモート Node.js ランタイムを構成するダイアログ

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

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

   

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

   

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

5. 使用する SSH 構成を選択します。

   

   または、 をクリックして、SSH 構成を作成する説明に従って新しい SSH 構成を作成します。

6. OK をクリックすると、新しいランタイムがリストに追加される Node.js ランタイムダイアログに戻ります。

   

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

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

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

   npm 実行可能ファイルのデフォルトの場所は /usr/local/lib/node_modules/npm です。

   

実行 / デバッグ構成で SSH 経由でリモート Node.js ランタイムを構成する

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

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

   

   Node.js ランタイムダイアログが開きます。

3. ツールバーの をクリックし、コンテキストメニューからリモートの追加を選択します。

   

4. 上記の説明に従って、 SSH 経由でリモート Node.js ランタイムを構成します。

始める前に

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

2. 設定 | プラグインページのインストール済みタブで、Node.js および Docker に必要なプラグインが有効になっていることを確認します。詳細については、「プラグインのマッピング」を参照してください。

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

設定で Node.js ランタイムを構成するダイアログ

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

   開いた実行 / デバッグ構成: Node.js ダイアログで、ノードランタイムフィールドの横にある をクリックします。

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

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

   1. サーバーフィールドに、使用する Docker の設定を指定します。詳細については、Docker デーモンの接続設定を構成するを参照してください。リストから構成を選択するか、 をクリックして、開いた Docker ページ上に新しい構成を作成します。

   2. イメージ名: フィールドで、使用するベース Docker イメージを指定します。リストから以前にダウンロードしたイメージまたはカスタムイメージのいずれかを選択するか、node:argon や mhart/alpine-node などのイメージ名を手動で入力します。後で実行構成を起動すると、Docker はマシン上で指定されたイメージを検索します。検索が失敗した場合、イメージは Docker レジストリページの Docker 公式イメージ(英語)リポジトリからダウンロードされます。

   3. Node.js ランタイムパスフィールドには、指定されたイメージのデフォルトの Node.js ランタイムの場所が表示されます。

   4. OK をクリックすると、IntelliJ IDEA は Node.js リモートインタープリターの構成ダイアログを閉じ、Node.js ランタイムダイアログに切り替えます。ここで新しいランタイム構成がリストに追加されます。実行構成に戻るには、OK をクリックします。

Node.js 実行 / デバッグ構成で Node.js ランタイムを構成する

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

2. ノードランタイムフィールドの横にある をクリックします。Node.js ランタイムダイアログが開きます。

3. ツールバーの をクリックし、コンテキストメニューからリモートの追加を選択します。

   

4. 上記の説明に従って、リモート Node.js ランタイムを構成します。

始める前に

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

2. 設定 | プラグインページのインストール済みタブで、Node.js および Docker に必要なプラグインが有効になっていることを確認します。詳細については、「プラグインのマッピング」を参照してください。

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 ランタイムダイアログに戻ります。

   

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

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

始める前に

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

2. Vagrant(英語) と Oracle の VirtualBox(英語) がコンピューターにダウンロード、インストール、構成されていることを確認してください。詳細については、Vagrant を参照してください。

3. 次の実行可能ファイルの親フォルダーがシステム PATH 変数に追加されていることを確認します。

   • Vagrant から vagrant.bat または vagrant を選択してください。これは、Vagrant インストーラによって自動的に実行されます。

   • Oracle VirtualBox インストールからの VBoxManage.exe または VBoxManage。

設定で Node.js ランタイムを構成するダイアログ

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

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

   

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

   

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

5. 使用する環境を指す Vagrant インスタンスフォルダーを指定してください。

   技術的には、目的の環境の VagrantFile 構成ファイルが配置されているフォルダーです。この設定に基づいて、IntelliJ IDEA は Vagrant ホストを検出し、Vagrant ホスト URL 読み取り専用フィールドにリンクとして表示します。

   デフォルトでは、フィールドには現在のプロジェクトフォルダーが表示されます。

6. Node.js ランタイムパスフィールドで、Node.js 実行可能ファイルの場所を指定します。

   

   Node.js 実行可能ファイルを見つけるには、埋め込みターミナル（Alt+F12）を開いて次のように入力します。

   vagrant ssh whereis node exit

   

7. OK をクリックすると、新しいランタイムがリストに追加される Node.js ランタイムダイアログに戻ります。

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

   

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

9. 使用するパッケージマネージャーへのパスを指定します。

   

   パッケージマネージャーを見つけるには、組み込みターミナル（Alt+F12）を開いて次のように入力します。

   vagrant ssh whereis <package manager> exit

   

Node.js 実行 / デバッグ構成で Node.js ランタイムを構成する

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

2. ノードランタイムフィールドの横にある をクリックします。Node.js ランタイムダイアログが開きます。

3. ツールバーの をクリックし、コンテキストメニューからリモートの追加を選択します。

4. 上記の説明に従って、 Vagrant 環境でリモート Node.js ランタイムを構成します。