编辑器界面
界面总览
编辑器界面 先认识编辑器页面上的几个主要区域 打开项目后，编辑器主要分成顶部工具栏、左侧模块区、中间编辑区，以及右侧调试和 AI 区域。先把这几块认清，后面读各个功能会顺很多。 # 打开项目后会看到什么 顶部工具栏 这里放的是搜索、保存、撤销重做、调试、AI 这些全局按钮。 左侧模块区 这里用来切换属性、控件
编辑器界面
先认识编辑器页面上的几个主要区域
打开项目后，编辑器主要分成顶部工具栏、左侧模块区、中间编辑区，以及右侧调试和 AI 区域。先把这几块认清，后面读各个功能会顺很多。
# 打开项目后会看到什么
顶部工具栏
这里放的是搜索、保存、撤销重做、调试、AI 这些全局按钮。
左侧模块区
这里用来切换属性、控件、事件、场景、页面样式等模块。
中间编辑区
这是当前模块真正工作的地方，打开哪个模块，这里就显示哪个模块的内容。
右侧扩展区
这里主要放调试预览、运行记录和 AI 助手。
# 页面结构
顶部
处理搜索、保存、调试和 AI。
左侧
切换模块，读取存档，切换项目。
中间
编辑当前模块的内容。
右侧
预览、看记录、打开 AI。
# 顶部工具栏里常见有什么
在桌面端，顶部工具栏常见会看到：
- 项目名称
- 快捷复制 ID
- 搜索 / 收藏
- 撤销
- 重做
- 保存到本地
- 保存到云端
- 显示调试
- AI
在手机上，顶部按钮会更精简，常见是：
- 目录
- 撤销
- 重做
- 保存
- 调试
- AI
# 左侧模块区是做什么的
左侧模块区是编辑器最常用的导航区。这里会显示项目里的主要模块，例如：
- 属性
- 组合属性
- 控件
- 事件
- 类对象
- 场景
- 表格编辑
- 字符串
- 页面样式
- AI智能体
- 插件
- 模块管理
- 全局设置
- 管理员
左侧底部还会有这些入口：
- 读取存档
- 切换项目
- 返回
# 中间编辑区会怎么变化
中间编辑区会跟着左侧模块一起变化。
| 进入的模块 | 中间区域常见会显示什么 |
|---|---|
| 属性、事件、字符串 | 列表和编辑表单 |
| 控件、场景、页面样式 | 可视化编辑区和设置面板 |
| 表格、对象 | 结构化内容和详细设置 |
| 全局设置 | 项目设置、基础设置、版本管理等入口 |
# 右侧扩展区会出现什么
右侧扩展区主要有两类内容：
调试区
这里可以打开预览、同步、查看属性值、对象、控件记录、事件记录和 AI 记录。
AI 助手
这里可以打开 AI 会话，查看消息、切换会话和使用 AI 帮助编辑项目。
# 桌面端和手机端有什么不同
桌面端
更像多栏工作台。左边是模块区，中间是编辑区，右边可以同时展开调试和 AI。
手机端
更多入口会折叠到抽屉和浮动按钮里。调试也会切成全屏面板。
# 如果还没选项目
如果当前还没有打开项目，编辑器不会直接显示工作台，而是先显示项目列表和创建项目入口。
# 先按这个顺序认识界面
- 先看顶部工具栏，认清保存、搜索、调试和 AI 在哪里。
- 再看左侧模块区，知道模块怎么切换。
- 点开任意一个模块，观察中间编辑区会怎么变化。
- 最后再打开调试或 AI，看右侧扩展区的作用。
# 下一页
继续看 工具模块。