PyCharm 2025.3 Help

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

使用 PyCharm,您可以同时调试 Node.js 应用的服务器端代码及其客户端 JavaScript 代码。 为此,除了 Node.js 配置之外,您还需要创建并启动一个 JavaScript 调试 配置。

使用 PyCharm,在创建或编辑主 Node.js 配置时,您可以从 实时编辑 选项卡创建一个 JavaScript 调试配置。 在这种情况下,每次启动 Node.js 配置时,都会自动启动 JavaScript 调试配置。

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

或者,从 编辑配置 对话框(运行 | 编辑配置 )创建一个 JavaScript 调试配置,然后分别启动这些配置。

创建两个运行/调试配置

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

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

    或者,如在 创建 Node.js 运行/调试配置 中所述,创建一个新的 Node.js 运行配置。

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

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

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

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

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

    • 要配置浏览器,请点击 浏览按钮 ,并在打开的 Web 浏览器与预览 对话框中调整设置。 有关详细信息,请参阅 配置浏览器

    选中 使用 JavaScript 调试器 复选框。

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

启动会话以调试服务器端和客户端代码

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

    同时启动两个运行/调试配置,选择主 Node.js 运行/调试配置
  2. 打开的 调试 工具窗口包含两个选项卡:一个用于 Node.js 运行/调试配置,另一个用于 JavaScript 调试的运行/调试配置。 哪个选项卡处于活动状态取决于第一个命中断点的位置。

    带有两个选项卡的调试工具窗口

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

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

    在浏览器中触发应用执行
  4. 当命中客户端代码中的第一个断点时,应用将停止、浏览器中的页面将重新加载,且 调试 工具窗口中的焦点将移至 JavaScript 调试配置所在的选项卡。

    应用在浏览器中已暂停

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

最后修改日期: 2025年 12月 2日