【Debug Adapter 开发阶段安排】第三十二周（2025.12.21）

[Irissssaa]

工作内容

1. 写扩展设计文档；
2. 开发阶段设想：

阶段一：基础 Webview 面板搭建

目标：创建独立的 VS Code Webview 面板，先渲染静态内容（模拟协程调用栈）

• 在 extension.ts 中新增命令注册，如 Show Async Panel
• 创建 asyncPanel.ts，封装 Webview 相关逻辑
• 用 HTML/CSS 静态渲染出：
  • 协程调用栈折叠展示
  • 函数分类高亮样式（模拟数据）

---

阶段二：监听调试器输出并动态渲染

目标：将调试器运行时输出动态注入 Webview

• 改造 GDBController：提供 onOutput(callback) 监听接口
• 将解析后的结构化数据发送给 Webview（使用 webview.postMessage()）
• Webview 前端接收并更新页面（建议使用轻量框架如 Vue 或手写 DOM 更新逻辑）

---

阶段三：处理暂停时的 inspect-async 调用栈

目标：当调试器触发 inspect-async 输出时，刷新暂停调用栈模块

• 后端监听是否出现类似 INSPECT-ASYNC-RESULT 标识
• 前端在对应模块中更新内容，与运行时堆栈分离显示

---

阶段四：其他功能添加

目标：新增火焰图格式文件输出等余下功能