egret wing是一款具备急速启动、快速响应以及丰富的人性化集成开发环境,并支持主流语音、框架的智能拼写与断点调试,通过可视化编辑等功能,并支持 Node.js 开发扩展插件，更好的定制化自有内容，让用户体验更快捷的工作流。软件针对Egret项目的集成开发环境，通过可视化的方式创建、编辑和管理项目中所有游戏用户界面，并可以同时进行TypeScript代码编写和断点调试，大大提高游戏开发效率。
使用教程
一、EgretWing窗口主要有下面几个部分组成
1为菜单栏，可以通过菜单栏执行一些常用命令
2为左侧栏，位于编辑器左侧，由多个子视图组成(文件，搜索，Git，调试)
3为右侧栏，位于编辑器右侧，由多个子视图组成，子视图目前可以通过插件API扩展
4为编辑器，编辑文件的主要区域
状态栏，最下方，显示当前打开项目和文件的一些信息
二、工作空间
EgretWing可以通过打开一个文件或者文件夹进行代码编写。EgretWing也可以同时打开多个窗口，每个窗口对应一个文件或者文件。当一个窗口打开的是一个文件夹时，这个文件夹被称为当前工作空间。可以使用菜单栏中的文件—新建窗口命令(Ctrl+Shift+N)打开一个新窗口
新建项目(Alt+Shift+P)在项目创建成功后也会自动打开新窗口
三、用户设置和工作空间设置
点击文件—首选项—打开用户设置或者工作空间设置
常用的设置如：
软件特色
1、体积轻量，体验更流畅：
软件是为Egret项目深度定制并全部自主研发，省去其它不必要的功能，故内存占用小，代码提示速度也高于同类型产品。由于功能针对性强，必要启动依赖较少，所以加载速度更快，增强了用户体验流畅性。
2、可视化操作：
UI编辑全可视化操作，类似于 Adobe Photoshop 和 Flash 的全局可视化操作界面。可多项开启的文本标签，多种格式过滤项目资源管理器，可拖拽与直接勾选的UI组件属性操作面板，全可视化的操作界面提供给游戏美术,策划和UI制作人员最高效的工具环境。程序开发者可以更专注于游戏逻辑和功能的实现。软件帮助 Egret 用户团队充分利用团队的资源，提高开发效率。
3、可视化设计皮肤组件
4、简单操作，快速布局
5、快速切换控件皮肤，直观操作组件层级
6、全功能
代码编辑器：
①代码自动补全，开发者键入 TypeScript 代码的时候，软件可以及时的提示出此处可能要输入的类、方法或变量等，开发者此时可以通过上下方向键直接选择提示中的内容进行输入。同时可以更容易看到选择部分的注释内容。
②参数和重载提示。开发者在键入一个有效方法之后，软件会以悬浮面板的形式提示出此方法在不同重载下的参数，参数注释信息。
③查找引用和声明。开发者可以方便的查询某一个类、方法或变量在整个项目中的引用，并且可以通过搜索面板直接打开相关的 TypeScript 文件并选中相应代码。
④全局查找和替换。开发者可以通过此方法来在全局范围内去查找或重命名某一个类、变量或方法等。
软件功能
1、Debug功能：
一键调试：开发者只需要一个快捷键或者按钮即可启动调试功能，基本不需要任何的额外操作和配置，方便快捷的调试的 Egret 游戏和应用。在 WebStorm 当中，开发者需要进行一系列的相关配置才可以进行调试。
2、支持各种调试的功能：
①支持TypeScript 断点调试:开发者能够直接在软件中对 TypeScript代码上设置断点调试 TypeScript 代码，不需要任何配置。
②支持调试堆栈：当调试程序暂停或者进入断点时，调试面板能够显示当前的调用堆栈，通过点击堆栈信息可以跳转到堆栈对应的 TypeScript 代码上，查看代码调用堆栈信息。
③支持悬浮变量值提示：当启动调试功能时，鼠标悬停在变量或者表达式上能够迅速显示变量或者表达式的值。
④变量面板：通过树状结构展示当前断点处所有的实例和变量的值和属性。
⑤断点面板：断点面板能够统一管理和设置所有的断点信息。提供除去以及跳过断点的功能。
⑥表达式面板：表达式面板能够计算输入的表达式的值以及表达式对应实例的树形结构，并且提供表达式的添加，删除，修改等操作。表达式还能够在程序退出时保存以便下次使用。
⑦支持控制台输出：与Chrome 的控制台一样，程序运行时，在软件中可以显示程序通过 console.log 的输出信息，以及任何的警告和错误提示。
3、代码调试功能：
内置了强大的调试功能，支持在文件中直接打断点、单步调试、跳入/跳出、查看局部变量、添加观察表达式等。通过编写扩展，您甚至可以对任何语言进行调试。
4、轻松扩展您的IDE：
Wing 的插件体系，可以让开发者用 Node.js + HTML 开发IDE的扩展，能够实现各种提升效率的工具，如：自定义语言语法高亮、智能提示和调试，可视化文件编辑器等。
5、内置 Git 版本控制：
方便的创建及切换分支、提交代码，同时更好的对比文件改变、 推送/拉取/同步本地变更内容到代码仓库。
6、支持集成命令行：
Wing 集成了全功能的命令行工具，您可以同时打开多个命令行标签，执行需要的命令。您甚至可以在Wing 中直接运行 Vim。
7、支持多种颜色主题：
Wing 内置多种主流的代码配色方案，满足大部分开发者配色习惯。开发者还可以自己编写配色扩展，定制和分享自己喜欢的主题配色。
8、高度可定制：
Wing 开放了150多项的设置，让您根据自己习惯，充分定制您的 IDE。
9、内置完整游戏开发工作流：
集成可视化游戏开发环境，覆盖了开发、调试、发布、打包整个开发流程，更有资源管理，粒子编辑、云端发布等扩展、让游戏开发体验更加顺畅。
10、支持主流的语言和框架：
默认集成了JavaScript,TypeScript,HTML,CSS,Node.js支持,通过扩展能够方便支持更多的语言和框架,如C#,Go,C++,AngularJS,React等等。
快捷键
1、Ctrl+Shift+P或F1：查看所有快捷键
2、Alt+Shift+P：新建项目
3、Ctrl+Shift+N：打开一个新Egret Wing窗口
4、Ctrl+Shift+B：构建
5、F5：启动或者调试当前项目
6、Ctrl+Shift+O: 能够打开快速大纲面板，显示当前文件中定义的所有类，方法和变量。
7、Shift+F12：查找所有引用
8、Alt+Left：切换到上一个编辑位置
9、Ctrl+Shift+K：删除当前行
10、Ctrl+delete：删除右侧单词
11、Ctrl+D:类似于eclipse中Ctrl+K
12、Ctrl+home：光标移到文件顶部
13、Ctrl+U:返回上一光标
14、Ctrl+i:选择当前行
15、Alt+Shift+F:格式化代码
更新日志
v4.15：
1、修复 macOS 下不能启动调试的问题
2、修复新建 EUI 组件报错的问题
3、优化小窗口下菜单栏和工具栏的布局
4、全新UI，更加友好的操作体验
5、增加快速生成皮肤部件定义的功能
6、增加 Web 和 NodeJS 项目模板
7、某些用户调试窗口 Inspector 不能显示的问题
8、调试窗口 ProtoBuf 等类库不能正常使用的 Bug
9、默认 Chrome 调试配置文件，找不到本机 Chrome 的 bug
10、Extension API 中 previewWebview 报错的问题
11、修改 spritesheet 在九宫格面板不能显示的 bug
12、修复项目模板的 bug
13、修复 RES 本地资源无法刷新的问题
14、修复 RES 读取 UTF8BOM 文件的问题
15、修复详细属性里无法显示锚点等属性的bug
16、修复EUI编辑界面在自动布局的时候会抖动的bug
0条评论