《60天AI学习计划启动 | Day 54: 把调试面板 / Prompt 模板 / 日志接入 Code Assistant》

Day 54：把调试面板 / Prompt 模板 / 日志接入 Code Assistant

学习目标

• 在 Code Assistant 页面中集成 Day 35 的调试面板
• 把每次请求的 Prompt / 模式 / 代码段 记录进日志
• 支持查看不同模式下实际使用的 Prompt，辅助调优

---

核心知识点

• 1. 请求打点接 DebugLog

  • 在调用 /api/code-assistant 之前，构造“最终 Prompt 文本”（模板渲染后）
  • 日志中额外记录：
    • mode（explain/fix/refactor/test）
    • language
    • 代码长度（行数/字符数），避免直接存全量代码（防日志爆炸）

• 2. 在 Code Assistant 页集成调试面板

  • 复用 Day 35 的 DebugProvider + DebugPanel
  • Code Assistant 页根节点外包一层 DebugProvider，右侧可用抽屉/浮层展示调试面板
  • 面板里可以筛选：只看当前模式的调用记录（根据 meta.mode 过滤）

• 3. 显示 Prompt 模板信息

  • 对每个 mode 维护一个 Prompt 模板配置（类似 Day 34 的 PromptVariant）
  • 在调试日志中记录 variantId / renderedPrompt，方便回放
  • 可在 Code Assistant 页加一个小的「当前模式 Prompt 预览」区域，帮助你快速调模板

---

明日学习计划预告（Day 55）

• 主题：基准评估 & 技术文档撰写（第二个项目收尾）
• 方向：
  • 为 Code Assistant 做一份小型基准集（典型 bug/代码片段）+ 手动评估
  • 写 README / 架构说明 / 接口文档，完成第二个完整项目的收尾