Editor setup

Build configuration and editor language modes are separate. After SvelteKit knows about .sv, configure VS Code or its forks to open those files with the Svelte language mode.

Run the init command in the project:

pnpm exec svelte-sv-extension init

It creates or patches .vscode/settings.json:

{
	"files.associations": {
		"*.sv": "svelte"
	}
}

Existing JSONC comments, settings, and file associations are preserved. Re-running the command is safe and reports when the editor is already configured.

Global settings

Copied link.

Use --global to update editor user settings on macOS, Windows, or Linux:

pnpm exec svelte-sv-extension init --global --editor cursor

Supported editor names are vscode, vscode-insiders, cursor, vscodium, and windsurf. Use --cwd <path> for another workspace or --settings <path> for a custom settings location.

Emmet

Copied link.

Emmet uses its own language mapping. If abbreviations do not expand in .sv files, add:

{
	"emmet.includeLanguages": {
		"svelte": "html"
	}
}

Reopen the file or restart the Svelte language server after changing language associations.