網友評分: 9.7分
EgretVS是一款專為Egret Framework用戶推出的Visual Studio插件文件包。致力于提高Egret引擎在visualStudio中的使用體驗。使用EgretVS,你可以方便的創建基于Egret的項目。借助Visual Studio強大的TypeScript智能提示,迅速編寫代碼。集成Egret命令,編譯和發布只需輕輕一點。
集成了常用的 Egret 項目模板,你可以方便的創建基于 Egret 的項目
借助 Visual Studio 強大的 TypeScript 智能提示,迅速編寫代碼
直接 TypeScript 斷點調試,顯著提高開發效率
集成 Egret 各種編譯命令,編譯和發布只需輕輕一點
安裝環境:
Visual Studio 2012 + TypeScript Tools
TypeScript Tools
Visual Studio 2013 Update 3+
安裝方法:
雙擊EgretVS.vsix選擇需要安裝的VS版本安裝。
使用IE下載的開發者: 如果你下載到的文件是 EgretVS-v.版本號.zip 而不是 vsix,請手動修改擴展名為vsix,或使用其他瀏覽器下載,謝謝。
創建項目
EgretVS中包含了三種Egret項目模板,您可以根據需要選擇要創建的項目
在新建項目窗口中左側依次選擇“其他語言>TypeScript”,就能看到三種Egret項目模板
三個模板分別為
Egret Empty Project
空的Egret項目,只包含基本的類庫,沒有示例代碼
Egret Game Project
Egret 游戲示例項目,包含基本類庫和示例代碼
Egret GUI Project
Egret GUI項目,包含基本類庫和egret.gui類庫,并包含gui示例代碼
本文中選擇GUI項目,點擊OK創建項目。
項目創建完成后EgretVS會默認打開Main.ts文件。
項目編譯
你可以直接使用VS的編譯命令來編譯Egret項目
同時EgretVS提供了一個菜單來實現Egret項目特有的編譯參數
三個命令分別為
Build
編譯項目ts文件
Build Engine
編譯Egret Engine到本地目錄,這個命令一般用于修改了egretProperties.json中的 modules或其他需要重新編譯引擎代碼的情形
Publish Game
發布Egret項目,這個命令會打包壓縮所有的ts 和 js文件實現最小的網絡傳輸
項目發布
右擊需要發布的項目,點擊Egret > Publish Game
發布完成后會自動打開發布后的文件夾
項目調試VS集成調試
借助VS自帶的TS調試功能我們能夠很方便的調試我們的TS代碼
在TS編輯器左側添加一個斷點
注意:選擇Internet Explore作為調試瀏覽器(VS只能夠附加到IE中實現JS調試功能)
點擊綠色箭頭(或按F5)開始調試
點擊按鈕,會看到斷點被激活。
我們可以在下方的窗口中看到局部變量和調用棧
使用相關按鈕或快捷鍵即可進行單步調試
其他瀏覽器調試
在解決方案資源管理器中找到
Launcher\index.html,右擊鼠標選擇“在瀏覽器中查看”
瀏覽器窗口彈出后你就可以在熟悉的瀏覽器中調試了。
ActionScript轉TypeScript
EgretVS提供了ActionScript到TypeScript的轉換功能,使您可以方便的倒入現有AS項目。
先創建一個Egret項目,然后在電腦中打開現有AS項目的目錄,選擇需要轉換的文件或文件夾,復制。
在VS的解決方案資源管理器中選擇放置代碼的目錄(本文中選擇的是src目錄)右擊粘貼或Ctrl-V
根據轉換文件的數量,轉換的時間會有所不同,轉換完成后就能看到轉換之后的ts代碼
轉換之后的TS文件中可能會有一些語法錯誤,您可能需要自己修復編譯時發生的錯誤。
V1.5.3
?。坌略觯葜С?.5.x引擎項目,同時支持gui,eui,非gui項目