使用模板创建扩展

    Creator 提供了多种扩展模板,包括 HTML 面板Vue2.x 面板Vue3.x 面板 等,具体可点击编辑器顶部菜单栏中的 扩展 -> 创建扩展 查看,然后根据需要选择相应的扩展模板创建新扩展:

    扩展相关信息设置完成后,点击右下方的 创建扩展 按钮,即可创建成功。

    扩展创建完成后打开扩展包所在目录,执行以下命令:

    Creator 推荐使用基于 TypeScript 的工作流,Creator 中默认提供的大部分扩展模版也都是基于 TypeScript,这样在编写时能够带上完整的代码提示。但 TypeScript 需要执行 npm run build 编译后才能运行。

    启用扩展

    扩展创建并编译完成后,回到编辑器,点击顶部菜单栏中的 扩展 -> 扩展管理器,在 扩展管理器项目/全局 选项卡中找到创建的扩展,然后点击右侧的启用按钮,便可启用该扩展。

    enable extension

    使用扩展

    启用扩展后点击顶部菜单栏中的 面板 -> 扩展名称 -> 默认面板,即可打开扩展的默认面板。

    点击顶部菜单栏中的 开发者 -> 扩展名称 -> 发送消息给面板,便会根据 package.json 中的 定义发送消息 send-to-panel 给扩展。当扩展收到消息后,根据 package.json 中的 contributions.messages 定义,调用扩展默认面板中默认的 hello 方法,然后将日志信息 hello 显示在默认面板中,并打印到 控制台 中。

    output