7. 行内编辑


局部修改

Ctrl/Cmd + K 在编辑器内弹出行内编辑框,用自然语言描述修改意图:

把这个 for 循环改成使用 map 和 filter
给这个函数添加参数校验和错误处理

AI 会在原位生成修改后的代码,以 diff 形式展示变更。

image-20260326182332296

选区改写

  1. 选中需要修改的代码段
  2. Ctrl/Cmd + K
  3. 输入修改指令
[选中一段 CSS]
改成使用 Tailwind CSS 的类名

指令式编辑

除了描述修改意图,也可以给出精确指令:

将所有 console.log 替换为 logger.debug
在每个 catch 块中添加 Sentry.captureException(error)

改动审查

行内编辑生成结果后,会以绿色(新增)和红色(删除)高亮显示 diff:

  • Ctrl/Cmd + Shift + Y 接受全部修改
  • Ctrl/Cmd + Shift + N 拒绝修改
  • 也可以逐行审查,选择性接受

回退策略

  • 撤销Ctrl/Cmd + Z 撤销 AI 的修改
  • Git 检查点:重要操作前建议先提交或暂存(stash)当前改动
  • 编辑器时间线右键文件 > Timeline 查看文件的修改历史