Fitten Code调试助手：借助报错日志快速定位并修复代码Bug

Fitten Code能自动分析错误日志并定位源码问题：①跳转至高亮行；②侧边栏分三部分说明错误本质、根本原因和修复动作；③支持一键应用修复、交互式重写或快捷追问细节。

当你在运行代码时突然弹出一长串红色报错信息，光看堆栈就头晕，更别说快速找到哪一行出了问题、为什么出错、该怎么改——Fitten Code能直接基于你当前的错误日志，自动关联源码位置，标出可疑变量和逻辑断点，并给出可执行的修复方案。

让Fitten Code读取并分析你的报错日志

打开VS Code，确保已安装Fitten Code插件（版本≥1.68.0）且已完成登录。

在终端（Terminal）中复现一次报错，完整保留输出内容——【必须包含完整的错误类型、行号、堆栈跟踪】，不能只复制“undefined is not an object”这类截断信息。

选中终端里从错误类型开始到堆栈末尾的全部文字 → 右键 → 选择“Fitten Code → 分析错误日志”。

这一步操作起来很简单，直接把报错文本拖进编辑器里再选中也行，但必须是纯文本，不能带ANSI颜色编码（如果终端输出含色块，先点击终端右上角「复制全部」按钮，而非鼠标划选）。

定位到具体出错的代码行并查看AI诊断

点击分析结果面板中的「跳转至源码」链接 → VS Code自动打开对应文件，并高亮显示疑似问题行。

此时不要急着改代码。先看Fitten Code在侧边栏生成的诊断卡片，它会分三部分说明：
① 错误本质（例如：“Promise未被await或.catch捕获，导致UnhandledRejection”）；
② 根本原因（例如：“第42行fetch返回null，后续链式调用.map()时触发TypeError”）；
③ 修复动作（例如：“在第42行后插入if (!res) return;，并在catch块中添加错误上报逻辑”）。

注意：如果高亮行附近有多个await或异步调用链，Fitten Code会用灰色虚线箭头标出数据流向，帮你确认是否真的漏了await——【漏掉await是JS/TS中最常被忽略的异步Bug根源】。

一键应用修复建议或手动微调

方法一：直接采纳整段修复
在诊断卡片底部点击「应用修复」按钮 → 插件自动在原位置插入补丁代码，包括空值判断、try/catch包裹、类型断言等。

方法二：交互式重写关键片段
选中报错行及上下2行代码 → 右键 → “Fitten Code → 重写此段” → 在弹出窗口中输入“加上防null校验和错误提示”，回车确认。

方法三：追问细节
把光标停在诊断卡片任意一句说明上 → 按快捷键 Ctrl+Alt+Q（Windows/Linux）或 Cmd+Option+Q（Mac）→ 输入“为什么这里要用optional chaining而不是if判断？” → Fitten Code会立刻给出对比示例和性能差异说明。