Recommended VS Code Extensions

🧩 Recommended VS Code Extensions

To streamline development and ensure consistency across contributors, we recommend the following VS Code extensions. These are optional but align with our formatting, linting, and testing toolchain.

💡 These extensions are specified in .vscode/extensions.json and a commented reference version is available at .vscode/extensions.jsonc.

Extension ID	Description
svelte.svelte-vscode	Provides rich language support for Svelte (syntax highlighting, autocompletion, etc.)
esbenp.prettier-vscode	Integrates Prettier for consistent code formatting
dbaeumer.vscode-eslint	Lints JavaScript/TypeScript using ESLint rules defined in the project
stylelint.vscode-stylelint	Lints stylesheets and Svelte <style> blocks with Stylelint
DavidAnson.vscode-markdownlint	Enforces Markdown syntax and style conventions
editorconfig.editorconfig	Applies consistent indentation and line endings via .editorconfig
ms-playwright.playwright	Adds test runner and debugging tools for Playwright end-to-end testing
vitest.explorer	Enables a GUI test explorer panel for Vitest
streetsidesoftware.code-spell-checker	Spell checks comments, strings, and Markdown content inline

---

🔧 Usage

To install all recommended extensions quickly:

1. Open the Command Palette in VS Code: Ctrl+Shift+P or Cmd+Shift+P
2. Run: Extensions: Show Recommended Extensions (Workspace)
3. Click Install All