Egret Wing

Egret Wing是一款開源免費的HTML5游戲開發(fā)工具，Egret Wing支持目前市面主流的開發(fā)語言和技術(shù)，作為一款可視化編輯器，它可以幫你提高開發(fā)效率。這款工具還支持 Node.js 開發(fā)擴展插件，可以讓你更好的定制化自有內(nèi)容。

窗口布局介紹：

如上圖，EgretWing窗口主要有下面幾個部分組成：

菜單欄(Menu Bar) 可以通過菜單欄執(zhí)行一些常用命令

左側(cè)欄(Side Bar) 位于編輯器左側(cè)，由多個子視圖組成(文件，搜索，Git，調(diào)試)

編輯器(Editor) 編輯文件的主要區(qū)域

面板(Panel) 位于編輯器下方，也由多個子視圖組成(輸出，調(diào)試，錯誤，終端)

右側(cè)欄(Utility Bar) 位于編輯器右側(cè)，由多個子視圖組成，子視圖目前可以通過插件API擴展

狀態(tài)欄(Status Bar) 最下方，顯示當前打開項目和文件的一些信息

菜單欄可以通過切換菜單欄命令來設(shè)置是否顯示

左側(cè)欄，右側(cè)欄，面板可以通過視圖菜單中的相關(guān)命令來切換是否顯示

還可以通過鼠標操作來打開和關(guān)閉，如下圖

常用面板介紹：

命令面板

命令面板能方便的查找和執(zhí)行命令，使用快捷鍵 F1 或者 Ctrl+Shift+P 呼出面板。

面板每一項都是一個命令，如果該命令有快捷鍵在右側(cè)會顯示對應(yīng)的快捷鍵。

文件操作

左側(cè)欄的文件選項卡中，包含了當前工作空間的文件列表樹。使用右鍵菜單能顯示可以執(zhí)行的命令。

全局搜索

右側(cè)欄的搜索選項卡中能對當前工作空間中的所有文件和內(nèi)容進行搜索，并且支持正則表達式以及模式匹配和過濾等高級設(shè)置選項。

GIT

EgretWing內(nèi)置Git管理工具，在右側(cè)欄的GIT選項卡中能直接提交，拉取，推送代碼到Git倉庫。

在狀態(tài)欄左側(cè)也能顯示遠程倉庫與本地倉庫的同步狀態(tài)。

單擊更改的文件列表，在編輯器能打開比較編輯器查看改變的具體細節(jié)。

調(diào)試和調(diào)試控制臺

如果配置了launch.json可以通過快捷鍵F5 或者 調(diào)試面板啟動調(diào)試。在調(diào)試模式下，調(diào)試選項卡中的變量，監(jiān)視，調(diào)用堆棧，斷點折疊菜單都是可用的。

面板中的調(diào)試面板中顯示程序運行中的輸出和報錯信息，在下方的輸入框中也能輸入表達式并動態(tài)執(zhí)行得到計算結(jié)果。這個面板與Chrome開發(fā)者工具中的Console面板功能類似。

輸出

輸出面板顯示一些提示消息，顯示當前運行狀態(tài)。輸出面板有多個頻道(Channel)區(qū)分不同輸出的來源。

例如Tasks頻道會輸出項目編譯過程中相關(guān)的信息，GIT頻道輸出Git執(zhí)行過程中的信息，Project頻道輸出項目創(chuàng)建相關(guān)的信息等。

終端

EgretWing內(nèi)置了一個終端命令行執(zhí)行窗口，能方便的直接在EgretWing內(nèi)部使用命令行。

點擊右側(cè)的 + 圖標能新建一個命令行窗口，右側(cè)的列表顯示當前所有打開的命令行窗口。