Egret Wing

Egret Wing是一款开源免费的HTML5游戏开发工具，Egret Wing支持目前市面主流的开发语言和技术，作为一款可视化编辑器，它可以帮你提高开发效率。这款工具还支持 Node.js 开发扩展插件，可以让你更好的定制化自有内容。

窗口布局介绍：

如上图，EgretWing窗口主要有下面几个部分组成：

菜单栏(Menu Bar) 可以通过菜单栏执行一些常用命令

左侧栏(Side Bar) 位于编辑器左侧，由多个子视图组成(文件，搜索，Git，调试)

编辑器(Editor) 编辑文件的主要区域

面板(Panel) 位于编辑器下方，也由多个子视图组成(输出，调试，错误，终端)

右侧栏(Utility Bar) 位于编辑器右侧，由多个子视图组成，子视图目前可以通过插件API扩展

状态栏(Status Bar) 最下方，显示当前打开项目和文件的一些信息

菜单栏可以通过切换菜单栏命令来设置是否显示

左侧栏，右侧栏，面板可以通过视图菜单中的相关命令来切换是否显示

还可以通过鼠标操作来打开和关闭，如下图

常用面板介绍：

命令面板

命令面板能方便的查找和执行命令，使用快捷键 F1 或者 Ctrl+Shift+P 呼出面板。

面板每一项都是一个命令，如果该命令有快捷键在右侧会显示对应的快捷键。

文件操作

左侧栏的文件选项卡中，包含了当前工作空间的文件列表树。使用右键菜单能显示可以执行的命令。

全局搜索

右侧栏的搜索选项卡中能对当前工作空间中的所有文件和内容进行搜索，并且支持正则表达式以及模式匹配和过滤等高级设置选项。

GIT

EgretWing内置Git管理工具，在右侧栏的GIT选项卡中能直接提交，拉取，推送代码到Git仓库。

在状态栏左侧也能显示远程仓库与本地仓库的同步状态。

单击更改的文件列表，在编辑器能打开比较编辑器查看改变的具体细节。

调试和调试控制台

如果配置了launch.json可以通过快捷键F5 或者 调试面板启动调试。在调试模式下，调试选项卡中的变量，监视，调用堆栈，断点折叠菜单都是可用的。

面板中的调试面板中显示程序运行中的输出和报错信息，在下方的输入框中也能输入表达式并动态执行得到计算结果。这个面板与Chrome开发者工具中的Console面板功能类似。

输出

输出面板显示一些提示消息，显示当前运行状态。输出面板有多个频道(Channel)区分不同输出的来源。

例如Tasks频道会输出项目编译过程中相关的信息，GIT频道输出Git执行过程中的信息，Project频道输出项目创建相关的信息等。

终端

EgretWing内置了一个终端命令行执行窗口，能方便的直接在EgretWing内部使用命令行。

点击右侧的 + 图标能新建一个命令行窗口，右侧的列表显示当前所有打开的命令行窗口。