使用 Vagrant 的 Node.js

请确保已在 设置 | 插件 页面、 已安装 选项卡中启用所需插件 Vagrant、 JavaScript Debugger、 Node.js 和 Node.js Remote Interpreter。 详细信息请参阅 管理插件。

请确保在您的计算机上下载、安装并配置了 Vagrant 和 Oracle 的 VirtualBox。 详细信息请参阅 Vagrant：使用可复现的开发环境进行开发。

请确保以下可执行文件的父文件夹已添加至系统 PATH 变量中：

• 来自 Vagrant 安装中的 vagrant.bat 或 vagrant 。 这应由 Vagrant 安装程序自动完成。

• 来自 Oracle VirtualBox 安装的 VBoxManage.exe 或 VBoxManage 。

若需要在 Vagrant 环境中使用 Node.js 可执行文件，您可以从一个已就绪的 Vagrant box 开始，例如 jandir/nodejs。

打开内嵌 终端 （Alt+F12 ），然后运行以下命令：

打开 设置 对话框（Ctrl+Alt+S ），然后转到 语言和框架 | Node.js。

点击 按钮，位于 Node 解释器(I) 字段旁边。

在包含所有已配置解释器列表的 Node.js 解释器 对话框中，点击工具栏上的 ，并在上下文菜单中选择 添加远程。

在打开的 配置 Node.js 远程解释器对话框 中，选择 Vagrant。

指定指向所要使用的环境的 Vagrant 实例文件夹。

从技术角度来看，这是所需环境中 VagrantFile 配置文件所在的文件夹。 基于此设置，WebStorm 将检测 Vagrant 主机 ，并通过链接形式显示在 Vagrant 主机 URL 只读字段中。

默认情况下，该字段显示当前项目文件夹。

在 Node.js 解释器路径 字段中，指定 Node.js 可执行文件的位置。

若要定位 Node.js 可执行文件，请打开内嵌 终端 （Alt+F12 ），并输入：

点击 确定 返回到 Node.js 解释器 对话框，此时新解释器已添加至列表中。

若要将新配置的解释器设置为项目默认值，请在列表中选择该解释器，然后点击 确定 返回到 Node.js 对话框。

每次从 Project 列表中选择 Node 解释器 别名时，例如创建运行／调试配置时，WebStorm 会自动使用此解释器。

指定所用包管理器的路径。

要定位包管理器，请打开内置 终端 （Alt+F12 ），然后键入：

转到 运行 | 编辑配置。 在打开的 编辑配置 对话框中，点击工具栏上的 ，然后在上下文菜单中选择 Node.js。 将打开 运行/调试配置：Node.js 对话框。

在 文件 字段中，指定启动应用程序的文件路径。

如有需要，按照 运行和调试 Node.js 应用程序 中的说明指定一些可选设置。

从 Node 解释器(I) 列表中选择 Vagrant 环境中的相关远程 Node.js 解释器。

或者，点击位于 Node 解释器(I) 字段旁的 。 将打开 Node.js Interpreters 对话框。

点击工具栏上的 ，然后在上下文菜单中选择 添加远程。

按照 上述说明在 Vagrant 环境中配置远程 Node.js 解释器。

点击 确定 以保存运行／调试配置。

根据需要在代码中设置断点。

创建一个包含 Vagrant 环境中 Node.js 解释器的 Node.js 运行／调试配置， 如上述说明所示。

在工具栏的 运行 小部件列表中，选择新建的 Node.js 配置，然后点击其旁的 。

在打开的 调试工具窗口 中继续调试会话 ——单步调试断点 、在帧间切换、动态更改值、 检查暂停程序、 计算表达式 以及 设置监视。