移相器游戏框架

接下来,在bin文件夹中创建一个index.html文件,该文件将保存并显示游戏。 将以下内容添加到index.html

由于我们使用的是打字稿,因此我们必须将代码编译(生成)为javascript

Game.ts编译game.js

Ctrl + Shift + B

在代码中。 由于未配置任何构建过程,因此应获得“配置任务运行器”按钮。 单击它,然后选择npm作为Task Runner。 这将在.vscode文件夹中添加task.json文件。

编辑task.json

安装代码的“ Chrome调试器”扩展

Phaser项目根文件夹下创建一个名为chrome的文件夹。 这将用于存储将显示游戏的chrome实例。 (请参阅下面的launch.json参数user-data-dir)

要启动游戏,请按F5键。 要配置启动选项,请选择Chrome作为环境。 这应该在.vscode文件夹中创建launch.json文件。

编辑launch.json