WebStorm 2025.1 Help

Bun

WebStorm 支持调试适配器协议 (DAP),为使用 Bun JavaScript 运行时的开发者引入了调试体验。

通过 Bun 集成,您可以调试 JavaScript 和 TypeScript 文件。

使用 Bun 调试

开始之前

确保在 Bun 页面的 已安装 选项卡中启用了 设置 | 插件 捆绑插件,如 安装插件 中所述。

安装 Bun

按照 Bun 官方网站上的说明安装 Bun。

配置 Bun

  1. Ctrl+Alt+S 打开设置,然后选择 语言与框架 | Bun

  2. 指定 Bun 可执行文件的路径。

    Bun 可执行文件的路径默认为您的 PATH 环境变量,因此如果您将 Bun 字段留空,调试器会尝试自动检测 Bun 可执行文件。

创建 Bun 运行/调试配置

运行/调试配置:Bun
  1. 转到 运行 | 编辑配置。 或者,从工具栏的 运行 小部件中选择 编辑配置

    打开编辑配置对话框

    在打开的 编辑配置 对话框中,点击工具栏上的 添加 按钮("添加"按钮 ),然后从列表中选择 Bun

    创建运行/调试配置,选择类型 Bun

    运行/调试配置:Bun 对话框将打开。

  2. 文件 字段中,指定启动应用程序的主文件路径。 这可以是 JavaScript 或 TypeScript 文件。

  3. 可选:

    • Bun 参数 字段中,指定 Bun CLI 选项,例如 --watch--hot ,更多信息请参阅 Bun 官方网站

    • 选中 在入口点停止 复选框,使应用程序执行在第一行停止。

开始调试

  1. 在代码中必要的位置设置 断点

  2. 创建 Bun 运行/调试配置 如上所述

  3. 从工具栏的 运行 小部件列表中,选择新创建的 Bun 配置,然后点击旁边的 调试按钮

    使用运行/调试配置启动 Bun 调试会话

    调试工具窗口打开。

  4. 执行将触发带有断点的代码执行的步骤,并切换到 WebStorm,此时 调试 工具窗口的控件已启用。 继续调试会话——逐步执行断点 ,在帧之间切换,动态更改值, 检查被挂起的程序评估表达式 ,以及 设置监视

最后修改日期: 2025年 4月 22日