Egret Wing(Egret项目集成开发工具)

Egret Wing(Egret项目集成开发工具)是一款开源免费的HTML5游戏开发工具，针对Egret项目的集成开发环境，它可以帮助你快速的完成Egret项目。它支持目前市面主流的开发语言和技术，不仅可以通过可视化的方式创建、编辑和管理项目中的游戏用户界面，同时可以进行TypeScript代码的编写和断点调试等，EgretWing让您在开发项目中体验更快捷的工作流，为开发者带来移动游戏开发一站式解决方案。你还在为无法及时预览自己所编辑的UI效果而苦恼吗？你还在为翻来覆去进行繁琐的调试流程而纠结吗？你还在为同时在几个工具之间切换编辑而混乱吗？如果是的话，那么你一定需要试一试这款全功能集成开发工具，欢迎大家前来本站下载Egret Wing官方版体验！

软件特色

1、内存占用小，代码提示快
Egret Wing是为Egret项目深度定制并全部自主研发，省去其他不必要功能，故内存占用小，代码提示速度也高于基于Eclipse等大型工具定制的同类型产品。
2、加载速度快，体验流畅
由于针对性强，不依赖第三方大型开源工具，没有不必要的额外启动选项，所以加载速度更快，增强了用户体验流畅性。
3、即时错误提示
在编译之前就可即时发现代码中的语法语义错误，并实时反馈错误代码位置和原因，以便开发者能够快速修改。

软件亮点

全功能代码编辑器
代码提示精准：即时提示可能要输入的类、方法或变量等，更容易看到选择部分的注释内容，提高代码编写速度和准确率。
悬浮注释提示：通过鼠标悬浮的方式，快速查看指定内容处注释。
智能代码定位：相同类型的类、对象、属性的高亮标记，便于开发者快速定位其在程序文件中的位置。
强大的debug能力
一键调试：一键启动调试功能，方便快捷地在工具内调试Egret游戏和应用。
TypeScript脚本断点调试：无需任何配置直接在TS源代码上设置断点调试TS代码。
可视化编辑UI
全程可视化编辑：通过可视化的方式直接拖拽和编辑UI皮肤属性，全程傻瓜式操作，免去写代码的烦恼。
可视化编辑UI动画效果：新增动画面板，以时间轴方式可视化操作UI组件，制作出不同动画效果，并可在预览模式中直接查看效果。

Egret Wing项目结构

新建HelloWorld项目，用Egret Wing打开项目，结构为

wing：包括Egret项目的任务配置文件和启动配置文件
wingProperties.json：Egret Wing项目配置文件
bin-debug：项目调试时，所产生的文件存放于此目录
libs：库文件，包括Egret核心库和其他扩展库存放于此目录
resource: 项目资源文件存放于此目录
scripts：项目构建和发布时需要用到的脚本文件存放在此目录
src：项目代码文件存放于此目录
template：项目模板文件存放于此目录
egretProperties.json：项目的配置文件
index.html：入口文件
manifest.json：网页清单文件
tsconfigjson：typescript编译配置文件

Egret Wing常用快捷键

Ctrl+Shift+P或F1：查看所有快捷键
Alt+Shift+P：新建项目
Ctrl+Shift+N：打开一个新Egret Wing窗
Ctrl+Shift+B：构建
F5：启动或者调试当前项目
*Ctrl+Shift+0：能够打开快速大纲面板，显示当前文件中定义的所有类，方法和变量.
*Shift+F12：查找所有引用
Alt+Left：切换到上一个编辑位置
Ctrl+Shift+K：删除当前行
Ctrl+delete：删除右侧单词
Ctrl+D：类似于eclipse中Ctrl+K
Ctrl+home：光标移到文件顶部
Ctrl+U：返回上一光标
Ctrl+i：选择当前行
*Alt+Shift+F：格式化代码
编辑快捷键:文件>首选项>键盘快捷方式

软件点评

Egret Wing终于让开发者告别命令行时代，自动编译项目，直接在浏览器中刷新就可以查看效果。同时，皮肤制作和代码编辑都在同一个工具中进行，不需要在几个工具之间来回切换。此外，直接在TS中进行代码调试，大大缩减到浏览器中调试的时间成本。