Visual Studio Code compatibility

The Visual Studio Code editor is prefect to write the code of the Phaser Editor 2D games. First, because it is an awesome editor. Second, because the projects created by Phaser Editor 2D contains the files needed by Visual Studio Code to provide a good coding experience with Phaser.

Project structure

The JavaScript project templates include these files:

JavaScript project.

  1. The file lib/phaser.js. It is the Phaser runtime.

  2. The Phaser type definition files: types/phaser.d.ts and types/matter.d.ts. Those files are provided by Phaser and are used by the Visual Studio Code to “understand” the Phaser API.

  3. The project configuration file: jsconfig.json.

If it is a TypeScript project, then it includes the tsconfig.json file, instead of the jsconfig.json file.

Code Server

If you are using a remote instance of Phaser Editor 2D, you can try Code Server. It allows to run VS Code in the same Phaser Editor 2D server and edit the game code in your local browser.