根据当前编辑器中的exml 文件生成一键生成代码。
注: 生成代码的格式可以在项目/src/template/autocode
目录下修改
1.在编辑器中打开当前需要导出的exml文件。
2.按下快捷键F12
导出代码文件。(或者使用快捷键 ctr+shift+p
打开输入框中输入 >Egret AutoCode Exml生成代码
按下回车即可 )
或者可以 通过 ctrl+F12 监听文件变化自动生成
注:
如果非egret 项目, 也可以使用F12 执行scripts/autocode/onTsFile.js
中的代码
项目路径/autocode.config.json
生成代码规则的配置项目路径/template/autocode
生成代码的模板项目路径/script/autocode
在autocode.config.json
中fileVisit
用户自定义执行的脚本
模板文件位置: 项目\template\autocode
变量名 | 描述 | 示例 |
---|---|---|
${varDes} | 所有的变量描述,方便编写模板时查看变量对应的内容 | 无 |
${initEvent} | 项目/autocode.config.json 中idVisit 自定义配置内容 事件监听 |
this.btnSuper.addEventListener(egret.TouchEvent.TOUCH_TAP, this.handleClkSuper, this) |
${eventFunction} | 项目/autocode.config.json 中idVisit 自定义配置内容 事件监听对应的函数 |
private handleClkSuper(){ } |
${fileName} | 文件名字 | TestPanelSkin |
${auth} | 开发者名字 可ctr+p 输入>Egret AutoCode 打开用户配置 修改配置中的auth |
cyj |
${skinPath} | 皮肤的绝对路径 | d:\nodejs\autocode\egretautocodeeui\demo\test001\resource\skin\test\TestPanelSkin.exml |
${shortSkinPath} | 皮肤的相对路径 | resource\skin\test\TestPanelSkin.exml |
${time} | 当前时间 | 2021-01-14 21:26:45 |
${skinName} | 皮肤的名字 | TestPanelSkin |
${baseClsName} | 类去掉Skin/skin 的名字 |
TestPanel |
${parentDir} | 皮肤所在文件夹的名字 | test |
${varids} | 类内所有变量的声明 | public btnSuper:eui.Button; public list:eui.List; public title:eui.Label; |
${interfaceIds} | interface中所有变量的声明 | btnSuper:eui.Button; list:eui.List; title:eui.Label; |
${shortName} | 类的简短的名字 | TestPanel |
${moduleID} | 类大写的名字 | TEST_PANEL |