WebStorm 2024.3 ヘルプ

Node.js リモートインタープリターの構成ダイアログ

次の Node.js バージョンは、WebStorm 2023.3 以降でサポートされています。

  • Node.js 20 - アクティブな長期サポート (LTS) バージョン

  • Node.js 21 - 現在のバージョン

サポートされている Node.js バージョンの詳細を参照してください。

Node.js インタープリターダイアログで追加 the Add button をクリックし、ドロップダウンメニューからリモート ... を選択すると、ダイアログが開きます。このメニュー項目は、実行 / デバッグ構成: Node.js から Node.js インタープリターダイアログを開いたときにのみ利用可能です。

このダイアログを使用して、リモートホスト上または Vagrant インスタンスに設定された開発環境内の Node.js インストールへのアクセスを構成します。

Configuring a remote Node.js interpreter on Docker

項目

説明

SSH

SSH 認証情報を介してアクセス可能なリモートホストまたは環境上の Node.js インタープリターへのアクセスを構成するには、このオプションを選択します。関連する SSH 構成を選択し、リモートホストまたは環境からデフォルトの Node.js インタープリターへのパスを確認します。

SSH 構成を作成する詳細を参照してください。

Docker

このオプションは、リポジトリからプラグインをインストールする説明に従って Node.jsNode.js リモートインタープリターDocker 統合プラグインが有効になっている場合にのみ使用可能です。

Docker コンテナー内で実行されている Node.js インタープリターを使用するには、このオプションを選択してください。

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

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

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

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

Docker Compose

このオプションは、リポジトリからプラグインをインストールする説明に従って Node.jsNode.js リモートインタープリターDocker 統合プラグインが有効になっている場合にのみ使用可能です。

Docker Compose ファイル docker-compose.yml で定義された Node.js インタープリター構成を使用するには、このオプションを選択します。このファイルの command フィールドには node または npm ( command: node ./src/app.js など) が必要であることに注意してください。詳細については、Docker オフィシャル Web サイト(英語)を参照してください。

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

  2. 構成ファイルフィールドで、アプリケーションのサービスを定義する docker-compose.yml ファイル(英語)を指定します。

  3. サービスリストから、実行したいサービスを選択します。

  4. 必要に応じて、環境変数フィールドで環境変数を定義します。詳細については、Docker Compose 実行構成設定を参照してください。

Vagrant

このオプションは、Vagrant プラグインが有効になっている場合にのみ使用できます。Vagrant プラグインは WebStorm にバンドルされており、デフォルトでアクティブ化されています。プラグインが無効になっている場合は、プラグインのマッピングの説明に従って、設定 | プラグインページのインストール済みタブでプラグインを有効にします。

Vagrant 資格情報を使用して Vagrant インスタンスにインストールされている Node.js インタープリターへのアクセスを構成するには、このオプションを選択します。技術的には、目的の環境用の VagrantFile 設定ファイルがあるフォルダーです。この設定に基づいて、WebStorm は Vagrant ホストを検出し、それを Vagrant ホスト URL 読み取り専用フィールドにリンクとして表示します。

インタープリター構成を使用するには、プロジェクトフォルダー、プロジェクトファイルをコピーするサーバー上のフォルダー、サーバー上のコピーデータにアクセスするための URL アドレス間の対応関係を設定するパスマッピングが必要です。WebStorm は、VagrantFile 構成ファイルからのパスマッピングを評価します。

Node.js インタープリターのパス

このフィールドには、選択したリモート開発環境の構成に従って、Node.js 実行ファイルの場所を指定します。

  • Vagrant インスタンスの場合、デフォルトで WebStorm は /usr/bin/node の場所を提案します。

  • Docker コンテナーの場合、デフォルトで WebStorm は node の場所を提案します。

別のフォルダーを指定するには、Open をクリックし、表示されるダイアログで関連するフォルダーを選択します。Node.js ホームディレクトリは、編集用に開いている必要があります。

OK をクリックすると、WebStorm は Node.js 実行可能ファイルが指定されたフォルダーに実際に保存されているかどうかを確認します。

  • Node.js 実行可能ファイルが見つからない場合、WebStorm は、検索を続行するかインタープリター構成を保存するかを確認するエラーメッセージを表示します。

    No PHP executable found
  • Node.js 実行可能ファイルが見つかった場合は、Node.js インタープリターダイアログに戻り、インストールフォルダーと検出されたバージョンの Node.js インタープリターが表示されます。

関連ページ:

サポートされている Node.js バージョン

このページには、アプリケーション開発のために WebStorm でサポートされているすべての Node.js バージョンが一覧表示されます。Node.js 公式 Web サイトでのリリースのステータスに関する情報を使用して、Node.js のリリーススケジュールを見つけます。次の Node.js バージョンは、WebStorm 2023.3 以降でサポートされています。Node.js 20 - アクティブな長期サポート (LTS) バージョン、Node.js 21 - 現在のバージョン、Node...

実行 / デバッグ構成: Node.js

作成: 次の Node.js バージョンは、WebStorm 2023.3 以降でサポートされています。Node.js 20 - アクティブな長期サポート (LTS) バージョン、Node.js 21 - 現在のバージョン、サポートされている Node.js バージョンの詳細を参照してください。このページでは、構成固有の項目と、すべての実行 / デバッグ構成に共通のオプションについて説明します。この構成の使用方法の詳細については、「Node.js の実行とデバッグ」を参照してください。このダイアロ...

SSH 構成を作成する

WebStorm では、リモートサーバーの SSH 接続パラメーターを専用の SSH 構成として保存できます。作成された構成は、リモート Node.js インタープリターの構成、SFTP デプロイサーバーへの接続、SSH セッションの起動に使用できます。設定ダイアログで、に移動します。既存のすべての SSH 構成を一覧表示する左側のペインで、をクリックします。このプロジェクトでのみ表示するチェックボックスを使用して、このサーバーアクセス構成を他のプロジェクトで再利用できるようにします。チェックボ...

プラグインのインストール

プラグインは WebStorm のコア機能を拡張します。例: プラグインをインストールして、次の機能を取得します。バージョン管理システム、課題追跡システム、ビルド管理サーバー、その他のツールとの統合。さまざまな言語とフレームワークのコーディング支援サポート。ショートカットのヒント、ライブプレビュー、ファイルウォッチャーなど。新しいプログラミング言語を学ぶのに役立つコーディング演習。デフォルトでは、WebStorm には多数のプラグインがバンドルされています。バンドルされたプラグインを無効にするこ...

Docker

Docker は、分離された再現可能な環境で実行可能ファイルをデプロイおよび実行するためのツールです。これは、たとえば、本番環境と同じ環境でコードをテストする場合に役立ちます。WebStorm は Docker 機能を統合し、Docker イメージの作成、Docker コンテナーの実行、Docker Compose アプリケーションの管理、パブリックおよびプライベート Docker レジストリの使用など、IDE から直接実行するための支援を提供します。Docker プラグインを有効にするこの機能は...

Docker 接続設定

WebStorm から Docker エンジン API にアクセスするための設定を指定します。Docker と WebStorm の統合の使用方法の詳細については、「Docker」を参照してください。Docker プラグインを有効にするこの機能は、デフォルトで WebStorm にバンドルされて有効になっている Docker プラグインに依存しています。関連する機能が利用できない場合は、プラグインを無効にしていないことを確認してください。を押して設定を開き、を選択します。インストール済みタブを開き、...