EgretVS详细使用教程

EgretVS是基于Visual Studio的一款多功能插件，具有智能代码提示、快速编译、一键发布等特点，是Visual Studio编程中比较常用的一款插件。为了方便大家使用，小编带来了详细的使用教程，还没掌握的朋友赶快来学写一下吧！

EgretVS使用教程

双击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)开始调试

点击按钮，会看到断点被激活。

我们可以在下方的窗口中看到局部变量和调用栈

使用相关按钮或快捷键即可进行单步调试