Editor 编码视图——在编码现场与 AI 协作
Editor 是什么
Editor 是 Qoder IDE 的默认视图——它以 VS Code 风格的代码编辑器为基底,在你最熟悉的编码现场嵌入了 AI 能力。不切换界面、不打断心流,边写边问。
界面布局
Editor 视图由四个主要区域组成:
| 区域 | 内容 |
|---|---|
| 左侧 | 活动栏(文件/搜索/源代码管理等)+ 项目文件树 |
| 中央 | 代码编辑区(带行间建议和行间会话入口) |
| 右侧 | AI 会话面板(Ask / Agent 模式切换) |
| 底部 | 终端面板(Agent 执行命令时的实时输出) |
三个 AI 入口怎么配合
NEXT、行间会话和右侧 Ask/Agent 不是互相替代,而是互补的:
什么时候用 NEXT
- 你正在写代码,想 快速补上下一行或下一段。
- 你不想打断编码节奏,只是在光标处需要一个建议。
- NEXT 是最轻量的入口——按一下快捷键、看一眼、Tab 接受,继续写。
什么时候用行间会话
- 你有一个 与当前代码上下文相关的具体问题或需求。
- 比如「给这个函数加参数校验」「这个正则什么意思」「把这段改成 async/await」。
- 行间会话的上下文就是你选中的或光标所在的代码——Qoder 知道你在说什么。
什么时候用右侧 Ask / Agent
- 任务 超出当前文件,需要跨文件理解和修改。
- 你需要的是 问答模式(Ask)还是 自主编码模式(Agent)。
- Ask 适合调试、解释概念、讨论方案——不修改代码。
- Agent 适合实现新功能、写测试、重构——会自主规划、多文件修改、运行命令。
实际工作流示例
场景:给现有服务加一个批量导出接口
- 先用 NEXT 在 Service 层骨架上快速补上方法签名。
- 发现对 ORM 的批量查询写法没把握,用 行间会话 选中当前 Service 类问「用这个 ORM 怎么批量查询并映射到 DTO」。
- 写完 Service 方法,切到 右侧 Agent 模式:「在 UserController 里添加一个 GET /export endpoint,调用刚才写的 Service 方法,返回 Excel 格式」——让 Agent 自主跨文件修改、加 Excel 依赖、跑编译检查。
- 编译报错,Agent 自己分析原因、修复、再跑。
- 你在右侧面板看到一切 OK,审批接受改动。
整个过程你没有离开 Editor,AI 能力按需取用。

底部终端的角色
Agent 在执行过程中需要运行命令(npm install、pytest、go build 等)时,输出会显示在底部终端面板。你可以实时看到:
- Agent 跑了什么命令
- 退出码是什么
- 输出了什么错误或日志
如果你不想让 Agent 自动跑某些命令,可以在权限设置里调整——默认有副作用的操作会请求你确认。