需要用户安装node环境 (安装时最好勾选npm
选项)
1.将plugins
和publishCode
拷贝到.fairy
文件同级目录下
2.打开FairyGUI
刷新插件,看到FairyAutoCode
即安装成功
3.打开发布设置,在全局设置
中分别配置打包
和发布代码
的发布路径
,在包设置中
勾选为本包生成代码
,点击发布即可
democc
为cocos create
项目的fairygui
UI
code
为democc
导出的代码
需要用户安装 typescript
可以使用npm install typescript -g
安装
如果需要自定义导出代码的格式,可以打开publishCode
项目(推荐使用VSCode
打开项目)
1.打开publishCode/src/Emit.ts
代码导出类,修改emit
函数(默认的生成ts代码,如有生成其他代码的可以提交说明下)
2.emit
函数的参数packInfo
说明
PackInfo
属性说明
属性名称 | 属性类型 | 属性描述 | 示例 |
---|---|---|---|
packPath |
string |
当前打包的路径 | D:/cocos/autocode/FairyGuiAutoCode/demo/democc/assets/Test |
packName |
string |
当前打包的包名 | Test |
packId |
string |
当前打包的id | 88z88itg |
packRoot |
string |
fairyUI的项目目录 | D:/cocos/autocode/FairyGuiAutoCode/demo/democc/assets |
exportCodePath |
string |
导出代码的src根目录 | D:\\cocos\\autocode\\FairyGuiAutoCode\\demo\\code |
componentExtends |
{[clsName:string]:string} |
类继承的基础组件 | {ProgressBarTest:'fgui.GProgressBar', ...} |
classInfo |
ClassInfo[] |
单元格 | [ClassInfo, ClassInfo, ...] |
ClassInfo
属性说明
属性名称 | 属性类型 | 属性描述 | 示例 |
---|---|---|---|
isExport |
boolean |
是否是导出界面 | true |
className |
string |
类的名称 | Test |
resName |
string |
xml资源的名字 | Test.xml |
packName |
string |
所在的包名 | Test |
members |
MemberInfo[] |
界面内变量信息 | [MemberInfo, ...] |
xmlPath |
string |
xml路径 | D:\\cocos\\autocode\\FairyGuiAutoCode\\demo\\democc\\assets\\Test\\Test.xml |
inPackPath |
string |
在包中的路径 | / |
refs |
string[] |
引用外部的其他包 | [ "Test","Test2"] |
extention |
string |
继承组件的名称 | fgui.GProgressBar |
MemberInfo
属性说明
属性名称 | 属性类型 | 属性描述 | 示例 |
---|---|---|---|
id |
string |
控件的id | n3_fu72 |
name |
string |
控件的名字 | comp2 |
type |
string |
控件的类型 | Comp2 |
pkg |
string |
引用的外部包 | di911hki |