在 WebStorm 中调试 Midway 应用

6 min read

1. 配置运行/调试配置

  1. 打开你的 Midway 项目。
  2. 点击 WebStorm 顶部菜单的 “Run” -> “Edit Configurations…”。
  3. 点击左上角的 “+” 添加新配置,选择 “Node.js”。
  4. 在打开的配置窗口中,设置以下参数:
    • Name: 给你的配置起一个容易识别的名字,比如 “Debug Midway”。
    • Node interpreter: 确认 Node.js 解释器的路径正确。
    • Working directory: 确保工作目录是你的项目根目录。
    • JavaScript file: 输入启动你的 Midway 应用的脚本文件路径,通常是项目根目录下的 bootstrap.js 或者 src/app.ts
    • 对于 Midway 项目,可能还需要添加环境变量,如 MIDWAY_TS_MODE=1,以确保在 TypeScript 环境中正确运行。

2. 添加环境变量(可选)

如果你的项目需要特定的环境变量来运行,可以在 “Environment variables” 字段中添加。点击字段右边的图标,然后添加所需的环境变量。

3. 启动调试会话

配置完成后,点击 “Apply” 保存配置,然后点击 “OK” 退出配置窗口。现在,你可以通过点击 WebStorm 右上角的绿色虫子图标启动调试会话了。WebStorm 会启动你的 Midway 应用并在指定的断点处暂停执行。

4. 设置断点

在你的代码中设置断点,只需点击你想要程序在执行时暂停的行号旁边的区域。WebStorm 会显示一个红点表示在这里设置了断点。

5. 观察和调试

一旦程序执行到断点,WebStorm 会暂停执行,并允许你查看变量的值、步进代码(逐行执行)、步入函数内部或步出当前函数。你可以使用 WebStorm 调试工具栏上的按钮来控制执行流程和观察程序状态。