cocoscreator扩展编辑器菜鸟简易上手教程

最新推荐文章于 2024-08-22 19:56:53 发布

dearest_z

最新推荐文章于 2024-08-22 19:56:53 发布

阅读量1.9k

点赞数

文章标签： cocoscreator 扩展编辑器

本文链接：https://blog.csdn.net/dearest_z/article/details/87874587

版权

本文档提供了一个CocosCreator扩展编辑器的简易上手教程，涵盖package.json、main.js和index.js的基本构成及功能。主要内容包括：设置扩展包结构、package.json的配置、main.js中构建流程的修改、IPC消息监听以及index.js的页面布局和逻辑代码编写。此外，还分享了一些实用技巧，如npm安装注意事项、滚动条实现和项目路径的获取。

摘要由CSDN通过智能技术生成

cocoscreator扩展编辑器菜鸟简易上手教程

**
个人开发过程中的见解
官方文档：https://docs.cocos.com/creator/manual/zh/extension/
首先在项目的packages文件夹下新建一个文件夹（命名为扩展包的名字）
在这里插入图片描述
扩展包底下必须含有这几个文件

其中：
index.js为具体页面结构编写(若不需要弹出的panel界面则不需要)
main.js为入口程序
package.json为用途描述
接下来详细描述三个文件的内容构成首先是

package.json

{
  "name": "extended-editor",
  "version": "0.0.1",
  "description": "一份简单的扩展包",
  "author": "Cocos Creator",
  "main": "main.js",
  "panel": {
    "main": "index.js",
    "type": "dockable",
    "title": "Extend Editor",
    "width": 400,
    "height": 700
  },
  "main-menu": {
    "extend/Hello World": {
      "message": "extended-editor:say-hello"
    },
    "extend/Extend Editor": {
      "message": &#