Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Phaser SnipsNew to Visual Studio Code? Get it now.
Phaser Snips

Phaser Snips

Smruti Ranjan Badatya

|
1,202 installs
| (0) | Free
Some common phaser snippets to save time
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Phaser Snippets - Visual Studio Code Extension

Phaser Snippets is a Visual Studio Code extension that provides a collection of code snippets for the Phaser game development framework. These snippets are designed to help you quickly write common Phaser code structures and accelerate your game development workflow.

Features [ GOAL ]

  • Phaser Scene Template: Quickly generate a new Phaser scene class with a predefined template. Specify the scene name and structure your code easily.

  • Phaser Group Creation: Create new Phaser groups with a single snippet. Specify the group name and add it to your game.

  • Phaser Object Creation: Generate code for creating common game objects, such as sprites, text, and more, with customizable properties.

  • Phaser Physics Setup: Simplify the process of configuring Phaser physics for your game.

  • And More: A variety of other Phaser snippets to streamline your development process.

Prefixes for Generating Snippets

  • phc: for phaser configuration
  • phs: for phaser scene
  • phctext: for phaser text object with some default styling
  • phcon: for phaser container
  • phimg: for phaser image

I know this is just a tiny amount of snippets. But more & more snippets will be added progressively. You can write me at smrutiranjanbadatya2@gmail.com for suggesting any new missing snippets that you think is necessary.

Requirements

There are no specific requirements for using this extension. However, you need to have Visual Studio Code installed to utilize these Phaser snippets effectively.

Extension Settings

Phaser Snippets doesn't require any additional settings, but you can customize the appearance or behavior of the code generated by the snippets through your own project's configuration.

Usage

To use the snippets, follow these steps:

  1. Open a JavaScript or TypeScript file in Visual Studio Code.

  2. Start typing the snippet's prefix (e.g., phs for a scene template).

  3. As you type, Visual Studio Code will display a suggestion to insert the snippet. Press Tab or Enter to insert it.

  4. The snippet will expand to generate the corresponding code.

  5. Customize the code by filling in the necessary details, like scene names, variable names, or property values.

  6. Enjoy faster and more efficient Phaser game development!

Known Issues

Currently, there are no known issues with the Phaser Snippets extension. If you encounter any problems or have suggestions for improvement, please submit an issue on the extension's GitHub repository.

Release Notes

1.0.0

  • Initial release of the Phaser Snippets extension.

1.0.1

  • Fixed issue #1.

1.1.0

  • Added new snippets for creating game objects.

Contribution

We welcome contributions to enhance the Phaser Snippets extension. If you'd like to improve existing snippets, add new ones, or report issues, please visit the GitHub repository to get involved.

License

This extension is released under the MIT License.


Enjoy Phaser game development with Phaser Snippets!

For more information and detailed usage examples, visit the Phaser documentation and Visual Studio Code's documentation.

Happy coding!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft