Skip to main content
General
Codebase

VS Code Setup

Configure VS Code for the repository's formatter, linter, Tailwind CSS and TypeScript.

Open MarkdownFull AI corpusFeedback

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.