借助Visual Studio Code提高基于ActionScript的LayaAir HTML5游戏的调试效率

使用Visual Studio Code（VS Code）调试的优势

借助VS Code我们可以极大地提高基于ActionScript的LayaAir Html5游戏项目的调试效率，VS Code的优势有以下几点：

• 在发生JavaScript运行时错误时,VS Code会自动在对应的代码位置断点，并且可以立即查看当前的变量状态、调用堆栈、日志输出等信息。在Chrome中，我们需要手动开启这个功能，而且在控制台打开的状态才会生效。本文末尾描述了如何在Chrome中开启此功能。
• 当我们使用了模块化开发技术的时候，我们会有多个JavaScript文件。在chrome中，如果想要定位指定模块中的类，则需要先打开这个文件。而在VS Code中，我们可以立即对所有JavaScript文件进行搜索。
• 在定位指定的类、类成员、本地变量名的时候，Chrome的搜索的方式是搜索字符串。而VS Code则会对JavaScript进行语法解析，这样能够提高搜索的精确度。

Visual Studio Code简介和下载

Visual Studio Code（VS Code）是一个由微软开发的，同时支持Windows、Linux和OS X操作系统的开源文本编辑器。它支持调试，内置了Git 版本控制功能，同时也具有开发环境功能，例如代码补全（类似于 IntelliSense）、代码片段、代码重构等。Visual Studio Code支持多种主流编程语言，对JavaScript和TypeScript语言的原生支持非常完备。我们熟知的LayaAir IDE以及Egret Wing都是基于Visual Studio Code二次开发的。软件的下载和安装见官方网站。

安装VS Code扩展Debugger for Chrome

这是一个必要的插件，它使得我们可以在VS Code中调试Chrome浏览器中运行的JavaScript游戏代码。这个扩展开源免费，由微软驱动。在VS Code中的扩展商店搜索Debugger for Chrome即可找到。详情参考官方文档。

示例项目源码和配置

本文使用的示例项目是基于ActionScript的，它由LayaAir IDE自动生成。示例项目只有两个类。

LayaSample.as

package {
   
   
    import laya.events.Event;
    public class LayaSample {
   
   
        public function<