CLion 2025.2 Help

调试服务器端和客户端代码

通过 CLion,您可以调试 Node.js 应用程序的服务器端代码以及其客户端 JavaScript 代码。 为此,您需要创建并启动一个 JavaScript Debug 配置以及一个 Node.js 配置。

通过 CLion,您可以在创建或编辑主要的 Node.js 配置时,从 实时编辑 选项卡中创建一个 JavaScript Debug 配置。 在这种情况下,每次您启动 Node.js 配置时,JavaScript Debug 配置都会自动启动。

使用一个运行/调试配置启动调试服务器和客户端代码

或者,从 编辑配置 对话框(运行 | 编辑配置 )中创建一个 JavaScript Debug 配置,然后单独启动这些配置。

创建两个运行/调试配置

  1. 运行 小部件的列表中,选择 Node.js 运行配置以与 JavaScript Debug 配置一起启动。 然后点击 更多 按钮 并从菜单中选择 编辑

    从运行小部件中选择一个 Node.js 运行/调试配置

    或者,按照“创建 Node.js 运行配置”中的描述,创建一个新的 Node.js 运行配置。

  2. 打开的对话框显示了所选 Node.js 运行/调试配置的设置。 切换到 浏览器 / 实时编辑 选项卡。

    运行/调试配置:Node.js 对话框,切换到浏览器/实时编辑选项卡
  3. 浏览器 / 实时编辑 选项卡中,选择 启动后 ,以便在您启动调试会话时自动启动浏览器。 在下方字段中输入 URL地址以打开应用程序。

    启动后 复选框旁边的列表中选择要使用的浏览器。

    • 要使用系统默认浏览器,请选择 默认

    • 要使用自定义浏览器,请从列表中选择。 请注意,仅支持在 Google Chrome 和其他 基于 Chromium 的浏览器 中调试 JavaScript 客户端代码。

    • 若要配置浏览器,请点击 “浏览”按钮 并在打开的 Web 浏览器和预览 对话框中调整设置。 有关更多信息,请参阅 Web 浏览器

    请选择 使用 JavaScript 调试器 复选框。

    Node.js 运行/调试配置:浏览器/实时编辑选项卡

开始一个会话以调试服务器和客户端代码

  1. 运行 小部件的列表中,选择修改后的 Node.js 运行配置,然后点击旁边的 调试图标

    要同时启动两个 run/debug 配置,请选择主要的 Node.js run/debug 配置
  2. 打开的 Debug 工具窗口有两个选项卡——一个用于 Node.js 运行/调试配置的选项卡和一个用于 Javascript Debug 运行/调试配置的选项卡。 哪个选项卡处于活动状态取决于第一个命中断点的位置。

    带有两个标签页的调试工具窗口

    继续调试会话——逐步检查断点 、在帧之间切换、动态更改值、 检查挂起的程序评估表达式设置监视

  3. 当浏览器打开时,执行将触发代码执行的步骤。 例如,从您的应用程序的起始页面导航到浏览器中的另一个页面。

    在浏览器中触发应用程序执行
  4. 当客户端代码中的第一个断点命中时,应用程序停止,浏览器中的页面重新加载, Debug 工具窗口中的焦点移到带有 JavaScript Debug 配置的选项卡。

    此应用程序在浏览器中已暂停

    继续调试会话——单步执行断点 ,在帧之间切换,即时更改数值, 检查已挂起的程序评估表达式 ,并 设置观察点

最后修改日期: 2025年 9月 26日