【muzzik教程】:教你用ts写插件,让插件开发更简单

https://forum.cocos.org/uploads/default/original/3X/5/6/56b26acf1757bb41aac5f39e0e9b9313c858bc9b.png

在插件开发中,基本上都是用的js来写,包括我之前也一样,那么为何要选择TS呢?可读性、代码补全错误提示…。其实最主要的也是这两个特性,那么到底怎么利用TS的这两个特性呢?

这里我使用了论坛里面小伙伴提供的编辑器声明文件,这里已经为大家打包好了,可以直接下载使用。editor.zip (18.9 KB)
下载后直接放在项目根目录下就行了,例如我的放在 项目根目录/editor 下面,单单是这样还不够,我们还得引入d.ts声明文件,才能够使用它的代码补全提示。那么怎么引入呢,这里我查阅了网上资料加实验后发现使用 ///<>这样的方式可以引用d.ts文件。具体如下图


我们只需要在main.ts引用一次就好了,到了这里小伙伴们就可以有代码提示了,当然如果用tsc -p 或者 tsc -w编译的话如果出错请检查你的 typescript版本,我之前用的是3.5.x,编译报几百个错误(都是d.ts文件引起),更新到最新的4.x就没问题了。


具体的代码结构可以参考我发布的ui-node插件https://forum.cocos.org/t/muzzik-ui-node-getchildbyname/98666
有问题请留言

14赞

太赞了!!!

看来大部分同志对这个不怎么感兴趣,哈哈

感兴趣啊,但是不知道怎么弄,现在正在看你的教程!大佬牛鼻99999

其实更顺手的是js。加上声明文件,加上类型声明。这个开发效率高,不用反复编译ts,也能补全,有提示。还会自动推论。

这个语法。

/// < reference path="…/…/creator.d.ts" />

/** @type cc.Node */
var myNode = undefined;

自己喜欢用哪样就用哪样吧,时间会证明一切。个人认为ts会坚持到最后

必须的!!!

写插件很有意义的,很多美术不喜欢学别的软件,只有写差价,让他们自己去搞他们想要的美术效果

怎么断点调试啊,插件开发

ctrl + alt + i 打开,到Sources层级下ctrl + p 搜索自己插件的脚本打断点