编辑器是 App 的设计和验证环境。日常任务通常从 Resources 开始，在 WorkArea 完成修改，在 Properties 检查配置，再从 Problems、Build 和运行页确认结果。
何时查这页
- 找不到 Page、Graph、Object、Script、Safety、PLC 或 Asset；
- 不确定选中项应该在什么位置编辑；
- AI、Git 或外部编辑器改了文件，需要处理刷新或冲突；
- 想快速找到保存、诊断、Build、Start、Debug 或 AI 入口。
界面区域
| 区域 | 主要内容 |
|---|
| Navbar | App 菜单、Runtime target、Build、Start、Debug、AI 和 Inspector 开关 |
| Activity Bar | Resources、Files、Screen、Git；底部 Settings 打开当前 App 设置 |
| 左侧面板 | 当前 Activity 的资源树、文件树、页面控件树或 Git 状态 |
| WorkArea | Page、Component、Graph、Script、Safety、PLC、Vision 和文本 Tab；支持拖拽拆分 |
| Properties | 当前 Page、Widget、Object、Graph 节点或其他选中项的属性 |
| Problems / Console | 设计与构建诊断，以及当前连接收到的运行日志 |
| AI Command Center | 全屏或 WorkArea Tab 形态的当前 App AI 会话 |
Activity Bar 入口
| 入口 | 什么时候用 |
|---|
| Resources | 按业务资源查找 Pages、Components、Graphs、Scripts、Safety、Assets，以及启用后的 Vision 和 PLC |
| Files | 查看完整 App 文件树，导入、移动、重命名或删除文件 |
| Screen | 查看当前 Page / Component 的 Widget 层级，选择被遮挡或嵌套的控件 |
| Git | 查看变更、提交和同步当前 App 仓库 |
| Settings | 设置首页、模块、Variables、Recipes、Queries、i18n、App users 和 Plugins |
Resources 是默认入口。需要新建 Page、Component、Graph 或 Script 时，优先在对应分组的右键菜单中操作；需要排查真实文件路径时再切到 Files。
常用操作
| 目标 | 操作 |
|---|
| 打开资源 | 在 Resources 双击资源；单击 Object 或其他配置项会同步 Properties |
| 修改属性 | 先在画布、Screen 或 Resources 中选中目标，再使用右侧 Properties |
| 保存当前 Tab | Cmd+S（macOS）或 Ctrl+S（Windows / Linux） |
| 从磁盘重新读取 | 使用当前 Tab 的刷新；有未保存内容时会先确认丢弃 |
| 并排查看 | 拖动 WorkArea Tab 到另一侧，形成新的 Tab group |
| 测试 Page 交互 | 切到查看模式；或在编辑模式按住 Alt 点击真实 Widget |
| 打开 AI | Navbar AI 按钮，或 Cmd/Ctrl+I |
| 定位问题 | 打开 Problems，搜索错误码、描述或路径，再点击条目 |
| 查看运行输出 | 打开 Console；它显示当前调试连接收到的实时日志 |
页面和组件的网格、选中框与参考线只属于编辑器，不会出现在运行页。画布被拆分或恢复布局后不会自动重置缩放；需要时使用画布缩放菜单的适应窗口。
保存与外部修改
- 未保存的 Tab 标题会显示状态标记；关闭 Tab 或离开编辑器时会要求确认。
- AI、Git 或外部编辑器修改一个没有本地草稿的已打开文件时，Tab 会从磁盘刷新。
- 如果同一 Tab 有未保存内容，编辑器会保留草稿并提示外部变更冲突。先比较并决定保留哪一版，不要直接覆盖。
- 当前 Tab 自己保存产生的文件事件不会重置它的撤销历史。
- 保存只更新编辑态。Graph、Script、PLC 或运行模型的变化仍需 Build、Start 或 Debug 验证。
Problems 与 Console
| 面板 | 用途 |
|---|
| Problems | Page、Component、Graph、Script、Safety、PLC 和 Build 的错误与警告；点击可回到来源 |
| Console | 调试连接建立后收到的实时运行日志和故障摘要 |
两个面板都提供 AI 分析入口。该入口会把当前 warning/error 作为只读分析上下文发送给 AI，不会因为一次点击就自动修改 App。
常用快捷键
| 操作 | macOS | Windows / Linux |
|---|
| 保存 | Cmd+S | Ctrl+S |
| 关闭当前 Tab | Cmd+W | Ctrl+W 或 Ctrl+F4 |
| 下一个 / 上一个 Tab | Ctrl+Tab / Ctrl+Shift+Tab | 相同 |
| 第 1–8 个 Tab | Cmd+1–8 | Ctrl+1–8 |
| 最后一个 Tab | Cmd+9 | Ctrl+9 |
| 打开或关闭 AI | Cmd+I | Ctrl+I |
关键规则
- Navbar 中的 Runtime target 只决定部署和执行位置，不影响本地 Resources、Files、Git 或 AI 会话。
- Properties 始终跟随当前选中目标；多选时只显示可以安全批量修改的通用字段。
- Page 的查看模式用于试交互，不等于目标 Runtime target 已经部署新版本。
- 先处理 Problems 中的阻止性错误，再执行 Build 或运行验证。
- Running、Debugging 或 Paused 时不要尝试替换运行产物；先 Stop。
如何验证一次编辑
- 保存后确认 Tab 不再显示未保存状态。
- 在 Resources 和 Properties 复查资源位置与关键字段。
- 确认 Problems 没有阻止性错误。
- 修改 Graph、Script 或 PLC 后执行 Build。
- 确认 Runtime target 正确，再 Start 或 Debug。
- 从运行页检查操作员真正看到和触发的行为。
相关教程与指南