调试服务器端和客户端代码
使用 WebStorm，您可以同时调试 Node.js 应用的服务器端代码和其客户端 JavaScript 代码。 为此，除了 Node.js 配置之外，您还需要创建并启动一个 JavaScript Debug 配置。
使用 WebStorm，在创建或编辑主 Node.js 配置时，您可以通过 实时编辑 选项卡创建一个 JavaScript Debug 配置。 在这种情况下，每次启动 Node.js 配置时都会自动启动 JavaScript Debug 配置。
或者，您也可以通过 编辑配置 对话框（ ）创建一个 JavaScript Debug 配置，并分别启动这些配置。
创建两个运行/调试配置
在 运行 小组件的列表中，选择要与 JavaScript Debug 配置一同启动的 Node.js 运行配置。 然后点击
，并从菜单中选择 编辑。
或者，按照 创建 Node.js 运行/调试配置 中的说明创建一个新的 Node.js 运行配置。
打开的对话框显示所选 Node.js 运行/调试配置的设置。 切换到 浏览器／实时编辑 选项卡。
在 浏览器／实时编辑 选项卡中，选择 启动后 以在启动调试会话时自动打开浏览器。 在下方字段中，输入要打开应用的 URL 地址。
从 启动后 复选框旁边的列表中选择要使用的浏览器。
要使用系统默认浏览器，请选择 默认。
要使用自定义浏览器，请在列表中选择它。 请注意，JavaScript 客户端代码调试仅支持在 Google Chrome 及其他 基于 Chromium 的浏览器 中进行。
如需配置浏览器，请点击
，并在打开的 Web 浏览器与预览 对话框中调整设置。 如需了解更多信息，请参阅 配置浏览器。
选择 使用 JavaScript 调试器 复选框。
启动会话以调试服务器端和客户端代码
从 运行 小组件的列表中选择已修改的 Node.js 运行配置，然后点击其旁边的
。
打开的 调试 工具窗口包含两个选项卡：一个用于 Node.js 运行/调试配置，一个用于 JavaScript Debug 运行/调试配置。 哪个选项卡处于活动状态，取决于第一个命中断点的位置。
当浏览器打开后，请执行将触发代码执行的操作。 例如，从应用的起始页面导航至浏览器中的另一个页面。
当客户端代码中的第一个断点被命中时，应用将暂停，浏览器页面重新加载， 调试 工具窗口的焦点切换至 JavaScript Debug 配置的选项卡。
