リモート 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）を開き、言語 & フレームワーク | Node.js に移動します。

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

   

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

   

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

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

   

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

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

   

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

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

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

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

   

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

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

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

   

   Node.js インタープリターダイアログが開きます。

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

   

4. 上記のように、 SSH 経由でリモート Node.js インタープリターを構成します。

始める前に

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

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

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

設定で Node.js インタープリターを構成するダイアログ

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

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

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 をクリックすると、PyCharm は Node.js リモートインタープリターの構成ダイアログを閉じ、新しいインタープリター構成がリストに追加される Node.js インタープリターダイアログに移動します。OK をクリックして、実行構成に戻ります。

Node.js の実行 / デバッグ構成で Node.js インタープリターを構成する

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

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

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

   

4. 上記のようにリモート Node.js インタープリターを構成します。

始める前に

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

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

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

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

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

   

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

   

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

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

   

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

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

   

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

   

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

   

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

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