Environment Setup

Configure VS Code to format your code with Biome and to serve your projects locally.

Install Biome

Install the Biome command-line tool by following Biome’s manual installation guide. Do not install it with npm.

After installing it, restart your terminal and verify the installation:

biome --version

Install VS Code extensions

Install these extensions from the VS Code Extensions view (Cmd+Shift+X on macOS or Ctrl+Shift+X on Windows/Linux):

1. Biome — formats and checks your code.
2. Live Server — runs your project in a local development server.

Configure Biome as the formatter

If you have the Prettier extension installed, disable it to prevent it from conflicting with Biome:

1. Open the Extensions view.
2. Find Prettier - Code formatter.
3. Click the gear icon and choose Disable (or Disable (Workspace)).

Then make Biome the default formatter:

1. Open VS Code Settings with Cmd+, on macOS or Ctrl+, on Windows/Linux.
2. Search for default formatter.
3. Set Editor: Default Formatter to Biome.
4. Search for format on save and enable Editor: Format On Save.

Enable auto-save on focus

1. In VS Code Settings, search for auto save.
2. Set Files: Auto Save to onFocusChange (shown as on focus change in the Settings UI).

VS Code will now save your work whenever you switch away from the editor to view the game running in your browser, allowing Biome to format it automatically.