SSH 経由の Node.js
始める前に
設定 | プラグインページのインストール済みタブで、JavaScript Debugger、Node.js、Node.js リモートインタープリター、FTP/SFTP/WebDAV 接続の必須プラグインが有効になっていることを確認します。詳細については、プラグインのマッピングを参照してください。
SSH 構成を作成する説明に従って、ターゲットリモートホスト上の SSH サーバーへのアクセスを構成し、このサーバーが実行されていることを確認します。
プロジェクトソースがターゲットリモートホスト上にあることを確認してください。これは次の 2 つの方法で実行できます。
ファイルのアップロードとダウンロードの説明に従って、プロジェクトソースをターゲットリモートホストにアップロードします。
ローカルマシンでネットワーク共有を有効にし、リモートホストのターゲットディレクトリにプロジェクトフォルダーをマウントします。
ファイルとフォルダーを共有する方法は、使用しているオペレーティングシステムによって異なります。詳細については、OS の説明書を参照してください。
SSH 経由でアクセス可能なリモートホストで Node.js インタープリターを構成する
SSH 経由の Node.js インタープリターは、Node.js リモートインタープリターの構成ダイアログで構成されます。このダイアログは、Node.js の実行 / デバッグ構成を作成または編集するを使用してアプリケーションを実行またはデバッグするときに、設定ダイアログの Node.js ページ以降から開くことができます。
推奨される方法は、設定ダイアログでリモート Node.js インタープリターを構成することです。この場合、プロジェクトのデフォルトとしてインタープリターと関連するパッケージマネージャーを設定できます。
Node.js の実行 / デバッグ構成で直接構成するリモート Node.js インタープリターは、この実行 / デバッグ構成でのみ使用できます。
設定ダイアログ(Ctrl+Alt+S)を開き、 に移動します。
Node インタープリターフィールドの横にある
をクリックします。
現在構成されているすべてのインタープリターのリストが表示された Node.js インタープリターダイアログで、ツールバーの
をクリックし、コンテキストメニューからリモートの追加を選択します。
開いた Node.js リモートインタープリターの構成ダイアログで、SSH を選択します。
使用する SSH 構成を選択します。
または、
をクリックして、SSH 構成を作成する説明に従って新しい SSH 構成を作成します。
OK をクリックして、新しいインタープリターがリストに追加される Node.js インタープリターダイアログに戻ります。
新しく構成されたインタープリターをプロジェクトのデフォルトとして設定するには、リストでインタープリターを選択し、OK をクリックして Node.js ダイアログに戻ります。
WebStorm は、たとえば実行 / デバッグ構成を作成するときに、Node インタープリターリストから
Project
エイリアスを選択するたびに、このインタープリターを自動的に使用します。新しいインタープリターに関連付けられたパッケージマネージャーを使用してプロジェクトの依存関係を管理するには、このパッケージマネージャーをプロジェクトのデフォルトとして設定します。これを行うには、パッケージマネージャーフィールドでパッケージマネージャーの場所を指定します。
npm 実行可能ファイルのデフォルトの場所は
/usr/local/lib/node_modules/npm
です。
Node.js 実行 / デバッグ構成を作成する
構成の編集ダイアログで、ツールバーの
に進みます。開いたをクリックし、コンテキストメニューから Node.js を選択します。「実行 / デバッグ構成」ダイアログが開きます。
ファイルフィールドで、それを開始するアプリケーションのメインファイルへのパスを指定します(たとえば、Express(英語) アプリケーションの場合は bin/www)。
必要に応じて、Node.js アプリケーションの実行とデバッグで説明されているいくつかのオプション設定を指定します。
Node インタープリターリストから、SSH 経由でアクセス可能な関連するリモート Node.js インタープリターを選択します。
または、Node インタープリターフィールドの横にある
をクリックし、上記のようにリモート Node.js インタープリターを構成します。
ローカルフォルダーをリモートホスト上のフォルダーにマップします。
パスマッピングフィールドの横にある
をクリックするか、Shift+Enter を押します。
開いたプロジェクトパスマッピングの編集ダイアログで、ツールバーの
をクリックします。
リモートホスト上のローカルフォルダーと対応するフォルダーへのパスを指定します。例: プロジェクトフォルダーを /home/opc にマップできます。
OK をクリックすると、実行 / デバッグ構成ダイアログに戻り、パスマッピングフィールドに新しいマッピングが表示されます。
アプリケーションを実行する
ツールバーの実行 / デバッグ構成ウィジェットリストから、新しく作成した Node.js 構成を選択し、その横にある
をクリックします。
あるいは、上記の説明に従って Node.js 実行 / デバッグ構成を作成するか、既存の構成を変更して、ダイアログで実行をクリックします。
アプリケーションをデバッグする
関連ページ:

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

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

ファイルのアップロードとダウンロード
WebStorm では、構成されたデプロイサーバーにプロジェクトファイルとフォルダーをアップロードするための次の 2 つの方法が提供されています。メニューコマンドからいつでも手動で実行。ファイルが更新されるたびに、またはデバッグセッションを開始する前に、またはバージョン管理システムへのコミット中に自動的に行われます。ファイルとフォルダーをダウンロードする場合、WebStorm は手動モードのみをサポートします。WebStorm は、ファイル転送ツールウィンドウにログを表示します。ファイルまたはフ...

Node.js
このページは、プラグインのインストールに従って、設定 | プラグインページのインストール済みタブで Node.js バンドルプラグインが有効になっている場合にのみ表示されます。次の Node.js バージョンは、WebStorm 2023.3 以降でサポートされています。Node.js 20 - アクティブな長期サポート (LTS) バージョン、Node.js 21 - 現在のバージョン、サポートされている Node.js バージョンの詳細情報 Node インタープリターこのフィールドでは、現在のプロ...

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

Node.js の実行とデバッグ
WebStorm は、Node.js アプリケーションの実行とデバッグを支援します。WebStorm から起動し、すでに実行中のアプリケーションにアタッチするアプリケーションをデバッグできます。始める前に:設定 | プラグインページのインストール済みタブで、Node.js および JavaScript Debugger に必要なプラグインが有効になっていることを確認します。詳細については、「プラグインのマッピング」を参照してください。Node.js アプリケーションを実行する:WebStorm は...