egretvs(visual Studio插件)

egretvs是一款編程開發(fā)必備的visual studio插件工具。方便開發(fā)人員快速編寫網(wǎng)頁代碼！有不少網(wǎng)友搜索“egretvs怎么用？”，小編今天為大家整理了詳細(xì)的圖文使用步驟。教你更快上手使用egretvs插件。

應(yīng)用介紹

EgretVS是一款Visual Studio插件，致力于提高Egret引擎在visualStudio中的使用體驗(yàn)。使用EgretVS，你可以方便的創(chuàng)建基于Egret的項(xiàng)目。借助Visual Studio強(qiáng)大的TypeScript智能提示，迅速編寫代碼。集成Egret命令，編譯和發(fā)布只需輕輕一點(diǎn)。歡迎在綠色資源網(wǎng)下載安裝！

EgretVS圖文使用教程：

egretvs安裝方法

雙擊EgretVS.vsix選擇需要安裝的VS版本安裝。

使用IE下載的開發(fā)者： 如果你下載到的文件是 EgretVS-v.版本號(hào)。zip 而不是 vsix，請(qǐng)手動(dòng)修改擴(kuò)展名為vsix,或使用其他瀏覽器下載。

創(chuàng)建項(xiàng)目

EgretVS中包含了三種Egret項(xiàng)目模板，您可以根據(jù)需要選擇要?jiǎng)?chuàng)建的項(xiàng)目

在新建項(xiàng)目窗口中左側(cè)依次選擇“其他語言>TypeScript”，就能看到三種Egret項(xiàng)目模板

三個(gè)模板分別為

Egret Empty project

空的Egret項(xiàng)目，只包含基本的類庫，沒有示例代碼

Egret Game Project

Egret 游戲示例項(xiàng)目，包含基本類庫和示例代碼

Egret GUI Project

Egret GUI項(xiàng)目，包含基本類庫和egret.gui類庫，并包含gui示例代碼

本文中選擇GUI項(xiàng)目，點(diǎn)擊OK創(chuàng)建項(xiàng)目。

項(xiàng)目創(chuàng)建完成后EgretVS會(huì)默認(rèn)打開Main.ts文件。

項(xiàng)目編譯

你可以直接使用VS的編譯命令來編譯Egret項(xiàng)目

同時(shí)EgretVS提供了一個(gè)菜單來實(shí)現(xiàn)Egret項(xiàng)目特有的編譯參數(shù)

三個(gè)命令分別為

Build

編譯項(xiàng)目ts文件

Build Engine

編譯Egret Engine到本地目錄，這個(gè)命令一般用于修改了egretProperties.json中的modules或其他需要重新編譯引擎代碼的情形

Publish Game

發(fā)布Egret項(xiàng)目，這個(gè)命令會(huì)打包壓縮所有的ts 和 js文件實(shí)現(xiàn)最小的網(wǎng)絡(luò)傳輸

項(xiàng)目發(fā)布

右擊需要發(fā)布的項(xiàng)目，點(diǎn)擊Egret > Publish Game

發(fā)布完成后會(huì)自動(dòng)打開發(fā)布后的文件夾

項(xiàng)目調(diào)試VS集成調(diào)試

借助VS自帶的TS調(diào)試功能我們能夠很方便的調(diào)試我們的TS代碼

在TS編輯器左側(cè)添加一個(gè)斷點(diǎn)

注意：選擇Internet Explore作為調(diào)試瀏覽器（VS只能夠附加到IE中實(shí)現(xiàn)JS調(diào)試功能）

點(diǎn)擊綠色箭頭（或按F5）開始調(diào)試

點(diǎn)擊按鈕，會(huì)看到斷點(diǎn)被激活。

我們可以在下方的窗口中看到局部變量和調(diào)用棧

使用相關(guān)按鈕或快捷鍵即可進(jìn)行單步調(diào)試

更新內(nèi)容

EgretVS 1.5.3 2015-11-25

［新增］支持2.5.x引擎項(xiàng)目，同時(shí)支持gui，eui，非gui項(xiàng)目

EgretVS 1.0.0 2014-12-29

【修復(fù)】修復(fù)穩(wěn)定性問題

【新增】編譯時(shí)自動(dòng)把新添加的TypeScript文件到項(xiàng)目添加到項(xiàng)目，不必再手動(dòng)添加

EgretVS 0.6.0 （社區(qū)體驗(yàn)版）2014-11-11

【新特性】項(xiàng)目一鍵發(fā)布

【新特性】強(qiáng)大的代碼智能提示功能

【新特性】可視化的項(xiàng)目創(chuàng)建方式

【新特性】支持Visual Studio直接調(diào)試

【新特性】ActionScript 轉(zhuǎn)TypeScript功能