【懒人神器】ExportTS-UI仔福音,最新版脚本导出插件

Export-TS【懒人必备】提高开发效率!赚取摸鱼时间!!

!!环境!!

CocosCreator 3.3.0
3.3.0之前的3.x版本核心功能可以使用,不能打开面板,可以直接修改配置文件使用。嗷,3.3.0以下版本使用记得改一下插件的package.json
后续计划支持 2.4.8

写在前面

首先感谢 皮佬 提供帮助 :pray:
作为一名ui仔,每每在拼ui后还要在脚本里面啪啪打一堆变量暴露给编辑器,属实人麻了。
cocos商店里面的脚本导出插件都是2.x版本的,功能还…ummm,反正没我现在这个好 :rofl:赶紧用起来。

速览功能

  • 支持Prefab和Scene导出ts,可多选中导出

微信截图_20220419214123

  • 导出的脚本与资源关联,脚本可移动到工程内任意位置(推荐在编辑器内移动)

微信截图_20220419212911

  • 导出含有同名节点时警告(不影响导出)

  • 自定义导出脚本模板(插件路径下template中修改)

正片

一、快捷键

初次使用时需要选中要导出脚本的资源,然后使用快捷键

1

windows快捷键:alt + s

mac快捷键:ctrl + s

二、基础配置

插件入口

2

a、设置

  • 导出标识:以导出标识开头命名的节点会被自动添加到脚本中(应符合命名规范)

4

  • 添加@property:在导出的成员变量上面添加@property,暴露给编辑器
  • 自动bind组件:在导出的脚本中给导出的成员自动赋值

  • 组件导出缩写:在此配置了缩写,并且在导出标识后接上缩写命名的节点在导出时会导出为配置的组件。插件中无法拿到引擎所有组件相关字段(也可能是我没找到),所有现在可以配置的组件是在插件文件夹 export_ts/config/components.json 中进行配置的,这个需要自行添加(当然就可以支持自己拓展的组件了),后续考虑同样做出配置面板

微信截图_20220420012126

:exclamation: 节点命名: {导出标识} {组件导出标识} {节点名}

例:导出标识配置为:$  组件缩写对应为 cc.Button->btn_; cc.Sprite->sp_
1、节点名为: testNode ==> 不会导出
2、节点名为: $testNode ==> 导出为:private $testNode: cc.Node = null;
3、节点名为: $btn_testNode ==> 导出为:private $btn_testNode: cc.Button = null;
4、节点名为: $lab_testNode ==> lab_在本例中未找到相关配置 导出为: private $lab_testNode: cc.Node = null;
5、节点名为: $t+e-s=t ==> (标点符号均改为下划线)导出为: private $t_e_s_t

b、关联

资源和脚本丢失关联了??不要担心,用这个,选择资源和脚本重新建立关联!!

链接

本插件是开源的,可根据自身需求修改

九块九支持一下:ExportTS-3 | Cocos Store (含源码)
白嫖党的欢愉: export_ts: CocosCreator 3.4.2 脚本导出插件

联系作者

4赞

膜拜大佬,感谢大佬无私奉献

支持一下呢.
开源的都支持.

22807E55E80ABA260EFD1F3F005F4B64 3D9CC0E43CDD2DF91B132B46665E625E !!!

对ccc2.4.8的支持来了
https://gitee.com/Chou_nan/export_ts/tree/ccc2_4_8/
2.4.8版本只支持一个面板 只迁移了关联面板 设置部分的功能直接修改json文件 export_ts/config/export_config.json

其实吧,我觉得没必要分别对应各种组件,直接Node就完事了(搭配NodeS),如果是组件类型如果要用到这个节点上其他组件岂不是又要button.node.getCompone一长串

这个就看使用者自己决定了,不使用组件标识命名就直接全导出成Node了,小问题