svelte-vscode

• Provides syntax highlighting and rich intellisense for Svelte components in VS Code
• Utilizes the svelte language server

Key Features

• Svelte Support:

  • Diagnostic messages for warnings/errors
  • Support for Svelte preprocessors with source maps
  • Svelte-specific formatting via prettier-plugin-svelte

• HTML Features:

  • Hover info, autocompletions, Emmet support
  • Symbols in Outline panel

• CSS/SCSS/LESS Features:

  • Diagnostics, hover info, autocompletions
  • Formatting, Emmet, color highlighting/picker
  • Symbols in Outline panel

• TypeScript/JavaScript Features:

  • Diagnostics, hover info, formatting
  • Symbols, autocompletions, Go to definition
  • Code Actions

Preprocessor Support

Works with Svelte preprocessors by:

1. Creating a svelte.config.js file
2. Adding type="text/language-name" or lang="language-name" to style/script tags

Target Audience

VS Code users developing Svelte applications who want enhanced editor support including:

• Syntax highlighting
• Intelligent code completion
• Error diagnostics
• Formatting capabilities
• Language feature support across HTML, CSS, and JavaScript/TypeScript