最近这两太天闲来无事,看了一下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的进程通信后面我会说的,至此我们的第一个扩展包就完成了。