工作区编辑器

不只是 AI 终端——智码 AICoder 内置了一套轻量代码工作区：文件树、带语法高亮的编辑器、代码大纲、Git 面板、终端和预览浏览器，让你在与 AI 协作的同时直接查看和修改代码，无需来回切换到外部 IDE。

工作区视图布局

工作区把一个项目目录的常用操作集中到一个视图里：

┌──────────┬───────────────────────────┬──────────┐
│  文件树   │       代码编辑器            │  大纲     │
│          │   （语法高亮 + One Dark）    │（符号导航）│
│  src/    │                           │          │
│  ├ App   │   1  import ...           │ ▸ 类 Foo  │
│  ├ lib/  │   2  function foo() {     │   · 方法  │
│  └ ...   │   3    ...                │          │
├──────────┴───────────────────────────┴──────────┤
│  Git 面板  /  内置终端  /  预览浏览器（可切换）       │
└─────────────────────────────────────────────────┘

本地项目和远程主机上的项目都能用同一套工作区界面操作。

文件树

左侧文件树展示项目目录结构，支持完整的文件操作：

操作	方式
展开 / 折叠目录	点击目录行（chevron 图标居中对齐）
新建文件 / 文件夹	右键菜单 → 新建
重命名	右键菜单 → 重命名
删除	右键菜单 → 删除
把文件作为 AI 上下文	右键菜单 → 加入上下文
长文件名查看	支持横向滚动，不截断

文件树针对深层目录和长文件名做了优化，配合横向滚动，再深的路径也能完整浏览。

代码编辑器

点击文件在中间区域打开，编辑器基于 CodeMirror，采用 One Dark 暗色主题：

语法高亮

覆盖常见语言：

类别	语言
前端	JavaScript / TypeScript、HTML、CSS
后端	Rust、Python、Java
数据 / 配置	JSON、YAML、XML
文档	Markdown

其中 Java、XML 是本版本新增的高亮支持。

代码大纲

右侧大纲面板从当前文件提取符号结构（类、函数、方法等），点击可快速跳转到对应位置，适合在长文件里导航。

Git 面板

针对当前工作区目录的 Git 仓库，提供图形化操作：

功能	说明
状态	查看已修改 / 已暂存 / 未跟踪文件
Diff	逐文件查看改动内容（编辑器风格的差异视图）
提交	暂存改动并填写提交信息提交
分支	查看 / 切换分支

远程工作区下，这些操作通过 SSH 作用于远端仓库。

内置终端

工作区底部内置终端，与主会话终端独立，方便在不打断 AI 会话的情况下手动跑命令：

路径可点击：终端输出里的文件路径会被识别为链接，点击直接在编辑器中打开
远端 tmux：远程工作区的终端基于 tmux，开启了鼠标支持，滚轮可向上翻阅历史输出

预览浏览器

对于跑着本地开发服务器的前端项目，工作区可内嵌一个预览浏览器窗口，边改代码边看效果，无需切到外部浏览器。

本地与远程一致

工作区编辑器的所有能力——文件树、编辑器、大纲、Git、终端——在本地工作区和远程 SSH 工作区下表现一致。切换到远程工作区后，操作的就是远端主机上的文件和仓库。

工作区编辑器 ​

工作区视图布局 ​

文件树 ​

代码编辑器 ​

语法高亮 ​

代码大纲 ​

Git 面板 ​

内置终端 ​

预览浏览器 ​

本地与远程一致 ​

相关章节 ​