Skip to content

代码编辑器

ENERGY Designer 内置代码编辑器,基于 WebView 集成 Monaco Editor,支持代码高亮、智能补全、跳转定义等功能。

编辑器类型

设计器中的代码编辑分为两种形式:

窗体代码编辑(子标签页)

每个设计窗体包含两个子标签页:

  • UI 代码 - 显示自动生成的 .ui.go 文件(只读),包含 UI 布局代码
  • 用户代码 - 显示用户可编辑的 .go 文件,包含事件处理等业务逻辑代码

在窗体设计标签页内切换这两个子标签页,即可查看和编辑对应代码。

独立代码编辑器(主标签页)

非窗体相关的代码文件(如 main.goresources.go 等)在设计器主标签页中以独立标签页形式打开。

打开代码文件

从项目管理器打开

在项目管理器的 src 树节点下双击文件,即可在编辑器中打开。如果文件属于某个设计窗体,会自动切换到对应窗体的子标签页。

从定义跳转打开

在代码编辑器中按住 Ctrl 点击函数名或类型名,可跳转到定义所在位置。跳转的文件会在合适的标签页中打开:

  • .ui.go 文件 → 当前窗体的 UI 代码子标签页
  • .go 用户文件 → 当前窗体的用户代码子标签页
  • 其他文件 → 设计器主标签页中的独立编辑器

编辑器功能

代码高亮

Monaco Editor 自动根据文件类型(.go.json 等)应用语法高亮。

智能补全

编辑器支持 Go 语言的智能代码补全,包括:

  • 关键字补全
  • 类型和函数名补全
  • 框架 API 补全

跳转定义

按住 Ctrl 点击标识符,可跳转到其定义位置。支持跨文件跳转。

诊断信息

编辑器实时显示代码诊断信息(错误、警告),帮助及时发现和修复问题。

关闭代码编辑器标签

点击标签页上的关闭按钮即可关闭代码编辑器标签。关闭时:

  • 文件关闭事件通知编辑器语言服务
  • 从已打开文件列表中移除
  • 如果没有剩余标签页,禁用滚动按钮

GO
ENERGY