Creator编辑器简单分析-如何调试插件的主进程代码

一直想调试下Creator的主进程,我们知道Creator是基于Electron开发的,首先我自己基于开发了一个Electron桌面应用,debug构建后的桌面应用
发现目录结构这样子


自己的项目结构

可以看到除了app.asar,剩下的都是Electron的东西。
想必同样也遵守Electron的一些调试规则,那么我们就尝试这样启动调试Creator

/Applications/CocosCreator_V2.0.1.app/Contents/MacOS/CocosCreator
 --inspect-brk=5858

不出所料,果真看到了我想要的东西



Creator的编辑器代码结构基本就是这样子


image.png

简单浏览下代码结构,发现ipc.js中的一些消息,刚好发现一个“app:open-project”消息



debug一下看看什么情况,打开项目的时候,首先进行了检查项目



生成一些必要的目录之类的,之后,调用了Editor.App.runEditor()
重点就在这里面,继续调试,发现来到这里
image.png

组装了一些参数,然后调用了一个t函数,让我们先看看参数吧



接下来追踪到t函数瞅瞅

哦原来如此,调用了node的child_process,而opts.file和opts.args正好是上边的2个参数,紧接着,Creator就正式打开了项目,没有办法继续追踪下去了。

以上部分是dashboard部分的代码,但是我想看编辑器的代码怎么办呢?
查阅文档,我们发现Creator是支持命令行编译项目的,so。。。借题发挥
执行下命令,同样带上inspect参数

/Applications/CocosCreator_V2.0.1.app/Contents/MacOS/CocosCreator 
--path /Users/xyf/Documents/project/CocosCreatorPlugins-Buy
--inspect-brk=5858

直接打开了项目,然后,我们看到目录结构是这样子的,好吧,很开心,很皮


image.png

一直想调试插件的main.js,哈哈,今天可让我逮着了


image.png

美滋滋的感觉
image.png

其他收获

window.js意外收获

划重点

第一行下断点

/Applications/CocosCreator_V2.0.1.app/Contents/MacOS/CocosCreator --path /Users/xyf/Documents/project/CocosCreatorPlugins-Buy --inspect-brk=5858

运行第一行不下断点

/Applications/CocosCreator_V2.0.1.app/Contents/MacOS/CocosCreator --path /Users/xyf/Documents/project/CocosCreatorPlugins-Buy --inspect=5858
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 14,506评论 2 59
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,978评论 25 709
  • 一下子,又快到凌晨了,今天的作业都还没写,这段时间不知发什么神经了,突然又迷上了琼瑶的影视作品,前几天看《庭院深深...
    甜小丫的芳草园阅读 1,805评论 0 0
  • 可以发现UITextView或UITextField输入文字的时候,输入文字会有两种状态----选中和未选中状态。...
    小希嘻阅读 4,449评论 0 2
  • 1,从本篇文章/音频/视频中我学到的最重要的概念 在综合教程第一单元的这篇课文中我学到了,官方上说在陌生人向你寻求...
    17数405黄烨阅读 1,085评论 1 0

友情链接更多精彩内容