Setup 02: VS Code e Extensões 💻

O Visual Studio Code é a ferramenta recomendada para desenvolver com Svelte devido ao excelente suporte da comunidade.

1. Instalando o VS Code

1. Baixe em: code.visualstudio.com.
2. Instale seguindo as recomendações padrões.

2. Extensões Essenciais para Svelte 🧩

Abra o menu de extensões (Ctrl+Shift+X) e instale:

1. Svelte for VS Code: Oferece realce de sintaxe e autocompletar. (Obrigatória!)
2. Prettier - Code formatter: Para organizar seu código automaticamente.
3. Tailwind CSS IntelliSense: Se você for usar Tailwind.
4. Error Lens: Ajuda a ver erros direto na linha de código.

3. Configurando o Formatter

Para que o Prettier formate seus arquivos .svelte corretamente: 1. Abra as configurações (Ctrl+,). 2. Pesquise por Default Formatter. 3. Selecione Prettier - Code Formatter. 4. Ative a opção Format on Save.

4. Temas Recomendados (Opcional)

• One Dark Pro
• Dracula Official
• Catppuccin

---

Próximo Passo: Vite e Estrutura de Projeto 🚀