VS Code Setup
Configure VS Code for the repository's formatter, linter, Tailwind CSS and TypeScript.
You can use any editor. The repository includes VS Code recommendations and workspace settings so contributors use the same formatter, lint fixes and local TypeScript version.
When you first open the repository, accept the recommended extensions from
.vscode/extensions.json. You can install them manually at any time.
Oxc
The Oxc extension integrates Oxlint and Oxfmt. The workspace sets Oxc as the default formatter, formats on save and applies safe lint fixes on save.
Tailwind CSS IntelliSense
Tailwind CSS IntelliSense
adds completion, validation and hover previews for Tailwind classes. The
workspace points it to app/globals.css, which is the Tailwind CSS entry point.
TypeScript
VS Code includes TypeScript language support. The workspace uses
node_modules/typescript/lib so editor diagnostics match the TypeScript
version installed by the repository.
If VS Code prompts you to choose a TypeScript version, select Use Workspace Version.
Included workspace behavior
The settings in .vscode/settings.json:
- format supported files with Oxfmt on save and paste
- apply safe Oxlint fixes on save
- enable type-aware Oxlint analysis
- use the local TypeScript SDK
- point Tailwind CSS IntelliSense at
app/globals.css - exclude generated Next.js output from search
- avoid auto-imports from unsupported Next.js entry points and
radix-ui
Treat the workspace files as shared project configuration. Discuss changes before committing personal editor preferences that affect every contributor.