Node.js と Vagrant

設定 | プラグイン ページ、タブ インストール済み で、必要な Vagrant、 JavaScript デバッガー、 Node.js、 Node.js リモートインタープリター プラグインが有効になっていることを確認してください。 詳細は プラグインの管理 を参照してください。

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

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

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

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

Vagrant 環境で Node.js を実行可能にするには、すぐに使用できる Vagrant ボックス（jandir/nodejs(英語) など）から始めることができます。

埋め込まれた ターミナル （Alt+F12 ）を開き、次のコマンドを実行します。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ファイル フィールドで、アプリケーションを開始するファイルへのパスを指定します。

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

ノードランタイム リストから、Vagrant 環境内の関連するリモート Node.js ランタイムを選択します。

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

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

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

実行 / デバッグ構成を保存するには、 OK をクリックします。

必要に応じて、コードにブレークポイントを設定します。

上記のように、 Vagrant 環境で Node.js ランタイムを使用して Node.js 実行 / デバッグ構成を作成します。

ツールバーの 実行 ウィジェットリストから、新しく作成した Node.js 構成を選択し、その横にある をクリックします。

表示された デバッグツールウィンドウでデバッグセッションを進めてください。 ブレークポイントをステップ実行したり、フレームを切り替えたり、値をその場で変更したり、 中断されたプログラムを調べたり、 式を評価したり、 ウォッチを設定したりできます。