Just like Santa's workshop needs the right tools for the job, your editor setup can make all the difference! Today we're unwrapping some gifts for your dev experience.

First up: Svelte Inspector! With just three lines of config, you get a magical shortcut that lets you click any component in your browser and teleport directly to its source code. It's like having a GPS for your codebase!

Next, tame the .file madness in your project root. VS Code's file nesting feature lets you collapse related files together — check out Anthony Fu's epic nesting rules collection and adjust to your workshop's needs.

Finally, the pièce de résistance: custom label patterns! No more squinting at a dozen +page.svelte tabs. Transform them into meaningful names like "page (lucia)" or "layout (root)" — your keyboard navigation will thank you!

Svelte for VS Code · Editor Support Collection · Custom Labels Config