VS Code Setup
Learn how to setup your VS Code environment for the best developer experience.
Of course you can use every IDE you like, but you will have the best possible developer experience with this starter kit when using VS Code with the suggested extensions.
Once you cloned the project and opened it in VS Code you should be prompted to install suggested extensions which are defined in the .vscode/extensions.json automatically.
In case you rather want to install them manually you can do so at any time later.
These are the extensions we recommend:
Biome
Biome is a powerful tool that helps you to format and lint your code. It combines the functionality of Prettier and ESLint in a much more performant way.
Tailwind CSS Intellisense
Adds intelligent tooling for writing your styles with Tailwind CSS.
TypeScript and JavaScript Language Features
Built-in support for TypeScript and JavaScript. Provides syntax highlighting, IntelliSense and more.
The starter kit also comes with some workspace settings for VS Code that make the development flow more seamless. If you want to change them you can do so in the .vscode/settings.json file.
Recommended Settings
The project includes recommended VS Code settings in .vscode/settings.json:
- Format on Save: Automatically formats your code when you save
- Biome as Default Formatter: Uses Biome for all formatting
- Auto-fix on Save: Automatically fixes linting issues on save
You can customize these settings to match your preferences.