扩展编辑器面板

在插件的 package.json 文件中定义字段如下:

目前编辑器扩展系统支持每个插件注册一个面板，面板的信息通过 panel 字段对应的对象来申明。其中 main
字段用来标记面板的入口程序，和整个扩展包的入口程序概念类似，panel.main 字段指定的文件路径相当于扩展包在渲染进程的入口。

另外值得注意的是 type 字段规定了面板的基本类型：

其他面板定义的说明请参考。

要定义一份面板的入口程序，我们需要通过 Editor.Panel.extend() 函数来注册面板。如以下代码：

在这份对象代码中，我们定义了面板的样式（style）和模板（template），并通过定义选择器 $ 获得面板元素，最后在
ready 初始化回调函数中中对面板元素的事件进行注册和处理。

在完成了上述操作后，我们就可以通过在主进程（入口程序）调用激活我们的面板窗口。关于 Editor.Panel 接口的用法请参考 Panel API。

更多关于面板定义对象字段的说明，请阅读。

为了方便我们打开窗口，通常我们会将打开窗口的方法注册到主菜单中，并通过发消息给我们的插件主进程代码来完成。
要做到这些事情，我们需要在我们的 package.json 中注册主进程入口函数和主菜单选项:

在主进程函数中，我们做如下定义：

更多关于在 package.json 文件中注册面板时的字段描述，请阅读面板字段参考。

通常我们需要在窗口面板中设置一些 UI，然后通过发送 IPC 消息将任务交给主进程处理。这里我们可以通过
Editor.Ipc 模块来完成。在我们上面定义的 index.js 中，我们可以通过在 ready() 函数中处理
按钮消息来达成。

当你点击按钮时，他将会给插件主进程发送 ‘say-hello’ 消息，并附带对应的参数。你可以用任何你能想得到的前端
技术编辑你的窗口界面，还可以结合 Electron 的内置 node 在窗口内 require 你希望的 node 模块，完成
任何你希望做的操作。

更全面和详细的主进程和面板之间的 IPC 通讯交互方法，请继续阅读。