代码编辑器
ENERGY Designer 内置代码编辑器,基于 WebView 集成 Monaco Editor,支持代码高亮、智能补全、跳转定义等功能。
编辑器类型
设计器中的代码编辑分为两种形式:
窗体代码编辑(子标签页)
每个设计窗体包含两个子标签页:
- UI 代码 - 显示自动生成的
.ui.go文件(只读),包含 UI 布局代码 - 用户代码 - 显示用户可编辑的
.go文件,包含事件处理等业务逻辑代码
在窗体设计标签页内切换这两个子标签页,即可查看和编辑对应代码。
独立代码编辑器(主标签页)
非窗体相关的代码文件(如 main.go、resources.go 等)在设计器主标签页中以独立标签页形式打开。
打开代码文件
从项目管理器打开
在项目管理器的 src 树节点下双击文件,即可在编辑器中打开。如果文件属于某个设计窗体,会自动切换到对应窗体的子标签页。
从定义跳转打开
在代码编辑器中按住 Ctrl 点击函数名或类型名,可跳转到定义所在位置。跳转的文件会在合适的标签页中打开:
.ui.go文件 → 当前窗体的 UI 代码子标签页.go用户文件 → 当前窗体的用户代码子标签页- 其他文件 → 设计器主标签页中的独立编辑器
编辑器功能
代码高亮
Monaco Editor 自动根据文件类型(.go、.json 等)应用语法高亮。
智能补全
编辑器支持 Go 语言的智能代码补全,包括:
- 关键字补全
- 类型和函数名补全
- 框架 API 补全
跳转定义
按住 Ctrl 点击标识符,可跳转到其定义位置。支持跨文件跳转。
诊断信息
编辑器实时显示代码诊断信息(错误、警告),帮助及时发现和修复问题。
关闭代码编辑器标签
点击标签页上的关闭按钮即可关闭代码编辑器标签。关闭时:
- 文件关闭事件通知编辑器语言服务
- 从已打开文件列表中移除
- 如果没有剩余标签页,禁用滚动按钮