Cocos Creator 编辑器扩展

来自 cocos creator 官方文档

扩展编辑器

Cocos Creator 提供了一系列方法来让用户定制和扩展编辑器的功能。这些扩展以包（package）的形式进行加载。用户通过将自己或第三方开发的扩展包安装到正确的路径进行扩展的加载，根据扩展功能的不同，有时可能会要求用户手动刷新窗口或者重新启动编辑器来完成扩展包的初始化。

Cocos Creator 的扩展包沿用了 Node.js 社区的包设计方式，通过 package.json 描述文件来定义扩展包的内容和注册信息。

基本工作流程

• 你的第一个扩展包
• 安装与分享
• IPC （进程间通讯）简介
• 入口程序
• 扩展包工作流程模式
• 扩展主菜单
• 扩展编辑器面板
• 进程间通讯工作流程
• 定义一份简单的面板窗口
• 多语言化
• 工作路径和常用 URL
• 提交插件到商店

管理项目中的场景和资源

• 调用引擎 API 和项目脚本
• 管理项目资源

编写和扩展面板 UI

• 编写面板界面
• 掌握 UI Kit
• 扩展 UI Kit
• 界面排版
• 在面板中使用 Vue

扩展属性面板

• 扩展 Inspector
• 扩展 Property

扩展 Gizmos

• 自定义 Gizmo
• 自定义 Gizmo 进阶

其他

• 测试你的扩展包

API

• AssetDB
  • AssetDB API Main
  • AssetDB API Renderer
• ★★★★★ Editor  《=== 尼玛这才是编辑器扩展的核心API文档，一不给关键字链接二弄的这么不显眼是故意使绊子吗？！

参考

• package.json 字段参考
• 主菜单字段参考
• 面板字段参考
• 面板定义参考
• 自定义界面元素定义参考
• 常用 ipc 消息参考
• meta 文件参考
• UI Kit
  • 控件
    • ui-button
    • ui-checkbox
    • ui-color
    • ui-input
    • ui-num-input
    • ui-select
    • ui-slider
    • ui-text-area
  • 特殊控件
    • ui-asset
    • ui-node
  • 控件容器
    • ui-box-container
    • ui-prop
    • ui-section
  • 视图元素
    • ui-hint
    • ui-loader
    • ui-markdown
    • ui-progress