Qoder CN 中文文档 下载 App

Editor 编码视图——在编码现场与 AI 协作

Editor 是什么

Editor 是 Qoder IDE 的默认视图——它以 VS Code 风格的代码编辑器为基底,在你最熟悉的编码现场嵌入了 AI 能力。不切换界面、不打断心流,边写边问。

界面布局

Editor 视图由四个主要区域组成:

区域内容
左侧活动栏(文件/搜索/源代码管理等)+ 项目文件树
中央代码编辑区(带行间建议和行间会话入口)
右侧AI 会话面板(Ask / Agent 模式切换)
底部终端面板(Agent 执行命令时的实时输出)

三个 AI 入口怎么配合

NEXT、行间会话和右侧 Ask/Agent 不是互相替代,而是互补的:

什么时候用 NEXT

什么时候用行间会话

什么时候用右侧 Ask / Agent

实际工作流示例

场景:给现有服务加一个批量导出接口

  1. 先用 NEXT 在 Service 层骨架上快速补上方法签名。
  2. 发现对 ORM 的批量查询写法没把握,用 行间会话 选中当前 Service 类问「用这个 ORM 怎么批量查询并映射到 DTO」。
  3. 写完 Service 方法,切到 右侧 Agent 模式:「在 UserController 里添加一个 GET /export endpoint,调用刚才写的 Service 方法,返回 Excel 格式」——让 Agent 自主跨文件修改、加 Excel 依赖、跑编译检查。
  4. 编译报错,Agent 自己分析原因、修复、再跑。
  5. 你在右侧面板看到一切 OK,审批接受改动。

整个过程你没有离开 Editor,AI 能力按需取用。

Editor 与 Agent 交互
Agent 在规划任务时会拆解步骤,每一步都在右侧面板透明展示

底部终端的角色

Agent 在执行过程中需要运行命令(npm install、pytest、go build 等)时,输出会显示在底部终端面板。你可以实时看到:

如果你不想让 Agent 自动跑某些命令,可以在权限设置里调整——默认有副作用的操作会请求你确认。

下一步