CocosCreator编辑器拓展1-第一个扩展包

最近这两太天闲来无事,看了一下Cocos编辑器扩展的部分,因为不知道以后还搞不搞Cocos了,索性就留下一点学习笔记,如果以后需要用也可翻看。这次的学习过程最后我会写一个示例的小插件,因为没人交流,所以只能自己看着文档撸,文档链接https://docs.cocos.com/creator/manual/zh/extension/your-first-extension.html,其中可能有些理解不对的地方还请高人指点一二,好废话不多说,开始第一步,开始我们的第一个扩展包。
首先看文档我们需要创建自己的扩展包需要在我们项目的根目录下的packages这个文件夹里创建,那么我们根据文档来看下这个扩展包的目录,如图:
在这里插入图片描述
一个是main.js,一个是package.json,至少要有这个两个,因为每一个扩展包都需要一个自己的入口程序(main.js),和包的说明(package.json),文档中也说的很清楚,包的入口程序是在cocos的主进程加载完成后加载的,那么我们其他的先不管,按照文档的说明把对应需要创建的文件都创建了,main
.js

'use strict';

module.exports={
    load(){
        Editor.log('入口程序执行');
    },
    unload(){
        Editor.log('卸载执行');
    },
    messages: {
        'say-hello' () {
            Editor.log('Hello World!');
        }
    },


}

和package.json

{
  "name": "hello-world",
  "version": "0.0.1",
  "description": "一份简单的扩展包",
  "author": "Cocos Creator",
  "main": "main.js",
  "main-menu": {
    "Packages/Hello World": {
      "message": "hello-world:say-hello"
    }
  }
}

先不用管里面的代码,先让我们的第一个扩展包跑起来,然后回到我们的cocos引擎内,如果发现没有变化就重新启动一下,引擎启动后,我们会在菜单栏看到
在这里插入图片描述
我们的第一个扩展包就创建好了,而且,我们打开编辑器日志,你会看到之前的log,
在这里插入图片描述
说明我们的扩展包加载没有问题,然后点击“Hello World”,你会发现控制台输出了Hello World!,这个操作是ipc的进程通信后面我会说的,至此我们的第一个扩展包就完成了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值