egret wing是一款具備急速啟動(dòng)、快速響應(yīng)以及豐富的人性化集成開發(fā)環(huán)境,并支持主流語音、框架的智能拼寫與斷點(diǎn)調(diào)試,通過可視化編輯等功能,并支持 Node.js 開發(fā)擴(kuò)展插件，更好的定制化自有內(nèi)容，讓用戶體驗(yàn)更快捷的工作流。軟件針對(duì)Egret項(xiàng)目的集成開發(fā)環(huán)境，通過可視化的方式創(chuàng)建、編輯和管理項(xiàng)目中所有游戲用戶界面，并可以同時(shí)進(jìn)行TypeScript代碼編寫和斷點(diǎn)調(diào)試，大大提高游戲開發(fā)效率。
使用教程
一、EgretWing窗口主要有下面幾個(gè)部分組成
1為菜單欄，可以通過菜單欄執(zhí)行一些常用命令
2為左側(cè)欄，位于編輯器左側(cè)，由多個(gè)子視圖組成(文件，搜索，Git，調(diào)試)
3為右側(cè)欄，位于編輯器右側(cè)，由多個(gè)子視圖組成，子視圖目前可以通過插件API擴(kuò)展
4為編輯器，編輯文件的主要區(qū)域
狀態(tài)欄，最下方，顯示當(dāng)前打開項(xiàng)目和文件的一些信息
二、工作空間
EgretWing可以通過打開一個(gè)文件或者文件夾進(jìn)行代碼編寫。EgretWing也可以同時(shí)打開多個(gè)窗口，每個(gè)窗口對(duì)應(yīng)一個(gè)文件或者文件。當(dāng)一個(gè)窗口打開的是一個(gè)文件夾時(shí)，這個(gè)文件夾被稱為當(dāng)前工作空間?？梢允褂貌藛螜谥械奈募陆ù翱诿?Ctrl+Shift+N)打開一個(gè)新窗口
新建項(xiàng)目(Alt+Shift+P)在項(xiàng)目創(chuàng)建成功后也會(huì)自動(dòng)打開新窗口
三、用戶設(shè)置和工作空間設(shè)置
點(diǎn)擊文件—首選項(xiàng)—打開用戶設(shè)置或者工作空間設(shè)置
常用的設(shè)置如：
軟件特色
1、體積輕量，體驗(yàn)更流暢：
軟件是為Egret項(xiàng)目深度定制并全部自主研發(fā)，省去其它不必要的功能，故內(nèi)存占用小，代碼提示速度也高于同類型產(chǎn)品。由于功能針對(duì)性強(qiáng)，必要啟動(dòng)依賴較少，所以加載速度更快，增強(qiáng)了用戶體驗(yàn)流暢性。
2、可視化操作：
UI編輯全可視化操作，類似于 Adobe Photoshop 和 Flash 的全局可視化操作界面。可多項(xiàng)開啟的文本標(biāo)簽，多種格式過濾項(xiàng)目資源管理器，可拖拽與直接勾選的UI組件屬性操作面板，全可視化的操作界面提供給游戲美術(shù),策劃和UI制作人員最高效的工具環(huán)境。程序開發(fā)者可以更專注于游戲邏輯和功能的實(shí)現(xiàn)。軟件幫助 Egret 用戶團(tuán)隊(duì)充分利用團(tuán)隊(duì)的資源，提高開發(fā)效率。
3、可視化設(shè)計(jì)皮膚組件
4、簡(jiǎn)單操作，快速布局
5、快速切換控件皮膚，直觀操作組件層級(jí)
6、全功能
代碼編輯器：
①代碼自動(dòng)補(bǔ)全，開發(fā)者鍵入 TypeScript 代碼的時(shí)候，軟件可以及時(shí)的提示出此處可能要輸入的類、方法或變量等，開發(fā)者此時(shí)可以通過上下方向鍵直接選擇提示中的內(nèi)容進(jìn)行輸入。同時(shí)可以更容易看到選擇部分的注釋內(nèi)容。
②參數(shù)和重載提示。開發(fā)者在鍵入一個(gè)有效方法之后，軟件會(huì)以懸浮面板的形式提示出此方法在不同重載下的參數(shù)，參數(shù)注釋信息。
③查找引用和聲明。開發(fā)者可以方便的查詢某一個(gè)類、方法或變量在整個(gè)項(xiàng)目中的引用，并且可以通過搜索面板直接打開相關(guān)的 TypeScript 文件并選中相應(yīng)代碼。
④全局查找和替換。開發(fā)者可以通過此方法來在全局范圍內(nèi)去查找或重命名某一個(gè)類、變量或方法等。
軟件功能
1、Debug功能：
一鍵調(diào)試：開發(fā)者只需要一個(gè)快捷鍵或者按鈕即可啟動(dòng)調(diào)試功能，基本不需要任何的額外操作和配置，方便快捷的調(diào)試的 Egret 游戲和應(yīng)用。在 WebStorm 當(dāng)中，開發(fā)者需要進(jìn)行一系列的相關(guān)配置才可以進(jìn)行調(diào)試。
2、支持各種調(diào)試的功能：
①支持TypeScript 斷點(diǎn)調(diào)試:開發(fā)者能夠直接在軟件中對(duì) TypeScript代碼上設(shè)置斷點(diǎn)調(diào)試 TypeScript 代碼，不需要任何配置。
②支持調(diào)試堆棧：當(dāng)調(diào)試程序暫停或者進(jìn)入斷點(diǎn)時(shí)，調(diào)試面板能夠顯示當(dāng)前的調(diào)用堆棧，通過點(diǎn)擊堆棧信息可以跳轉(zhuǎn)到堆棧對(duì)應(yīng)的 TypeScript 代碼上，查看代碼調(diào)用堆棧信息。
③支持懸浮變量值提示：當(dāng)啟動(dòng)調(diào)試功能時(shí)，鼠標(biāo)懸停在變量或者表達(dá)式上能夠迅速顯示變量或者表達(dá)式的值。
④變量面板：通過樹狀結(jié)構(gòu)展示當(dāng)前斷點(diǎn)處所有的實(shí)例和變量的值和屬性。
⑤斷點(diǎn)面板：斷點(diǎn)面板能夠統(tǒng)一管理和設(shè)置所有的斷點(diǎn)信息。提供除去以及跳過斷點(diǎn)的功能。
⑥表達(dá)式面板：表達(dá)式面板能夠計(jì)算輸入的表達(dá)式的值以及表達(dá)式對(duì)應(yīng)實(shí)例的樹形結(jié)構(gòu)，并且提供表達(dá)式的添加，刪除，修改等操作。表達(dá)式還能夠在程序退出時(shí)保存以便下次使用。
⑦支持控制臺(tái)輸出：與Chrome 的控制臺(tái)一樣，程序運(yùn)行時(shí)，在軟件中可以顯示程序通過 console.log 的輸出信息，以及任何的警告和錯(cuò)誤提示。
3、代碼調(diào)試功能：
內(nèi)置了強(qiáng)大的調(diào)試功能，支持在文件中直接打斷點(diǎn)、單步調(diào)試、跳入/跳出、查看局部變量、添加觀察表達(dá)式等。通過編寫擴(kuò)展，您甚至可以對(duì)任何語言進(jìn)行調(diào)試。
4、輕松擴(kuò)展您的IDE：
Wing 的插件體系，可以讓開發(fā)者用 Node.js + HTML 開發(fā)IDE的擴(kuò)展，能夠?qū)崿F(xiàn)各種提升效率的工具，如：自定義語言語法高亮、智能提示和調(diào)試，可視化文件編輯器等。
5、內(nèi)置 Git 版本控制：
方便的創(chuàng)建及切換分支、提交代碼，同時(shí)更好的對(duì)比文件改變、 推送/拉取/同步本地變更內(nèi)容到代碼倉庫。
6、支持集成命令行：
Wing 集成了全功能的命令行工具，您可以同時(shí)打開多個(gè)命令行標(biāo)簽，執(zhí)行需要的命令。您甚至可以在Wing 中直接運(yùn)行 Vim。
7、支持多種顏色主題：
Wing 內(nèi)置多種主流的代碼配色方案，滿足大部分開發(fā)者配色習(xí)慣。開發(fā)者還可以自己編寫配色擴(kuò)展，定制和分享自己喜歡的主題配色。
8、高度可定制：
Wing 開放了150多項(xiàng)的設(shè)置，讓您根據(jù)自己習(xí)慣，充分定制您的 IDE。
9、內(nèi)置完整游戲開發(fā)工作流：
集成可視化游戲開發(fā)環(huán)境，覆蓋了開發(fā)、調(diào)試、發(fā)布、打包整個(gè)開發(fā)流程，更有資源管理，粒子編輯、云端發(fā)布等擴(kuò)展、讓游戲開發(fā)體驗(yàn)更加順暢。
10、支持主流的語言和框架：
默認(rèn)集成了JavaScript,TypeScript,HTML,CSS,Node.js支持,通過擴(kuò)展能夠方便支持更多的語言和框架,如C#,Go,C++,AngularJS,React等等。
快捷鍵
1、Ctrl+Shift+P或F1：查看所有快捷鍵
2、Alt+Shift+P：新建項(xiàng)目
3、Ctrl+Shift+N：打開一個(gè)新Egret Wing窗口
4、Ctrl+Shift+B：構(gòu)建
5、F5：?jiǎn)?dòng)或者調(diào)試當(dāng)前項(xiàng)目
6、Ctrl+Shift+O: 能夠打開快速大綱面板，顯示當(dāng)前文件中定義的所有類，方法和變量。
7、Shift+F12：查找所有引用
8、Alt+Left：切換到上一個(gè)編輯位置
9、Ctrl+Shift+K：刪除當(dāng)前行
10、Ctrl+delete：刪除右側(cè)單詞
11、Ctrl+D:類似于eclipse中Ctrl+K
12、Ctrl+home：光標(biāo)移到文件頂部
13、Ctrl+U:返回上一光標(biāo)
14、Ctrl+i:選擇當(dāng)前行
15、Alt+Shift+F:格式化代碼
更新日志
v4.15：
1、修復(fù) macOS 下不能啟動(dòng)調(diào)試的問題
2、修復(fù)新建 EUI 組件報(bào)錯(cuò)的問題
3、優(yōu)化小窗口下菜單欄和工具欄的布局
4、全新UI，更加友好的操作體驗(yàn)
5、增加快速生成皮膚部件定義的功能
6、增加 Web 和 NodeJS 項(xiàng)目模板
7、某些用戶調(diào)試窗口 Inspector 不能顯示的問題
8、調(diào)試窗口 ProtoBuf 等類庫不能正常使用的 Bug
9、默認(rèn) Chrome 調(diào)試配置文件，找不到本機(jī) Chrome 的 bug
10、Extension API 中 previewWebview 報(bào)錯(cuò)的問題
11、修改 spritesheet 在九宮格面板不能顯示的 bug
12、修復(fù)項(xiàng)目模板的 bug
13、修復(fù) RES 本地資源無法刷新的問題
14、修復(fù) RES 讀取 UTF8BOM 文件的問題
15、修復(fù)詳細(xì)屬性里無法顯示錨點(diǎn)等屬性的bug
16、修復(fù)EUI編輯界面在自動(dòng)布局的時(shí)候會(huì)抖動(dòng)的bug
0條評(píng)論