Setup 02 - VS Code e Extensões Essenciais 💻

O Visual Studio Code é o editor de código mais popular do mundo, e com as extensões certas, ele se torna uma IDE super poderosa para Vue.

📥 Instalação do VS Code

Baixe em: code.visualstudio.com

🧩 Extensões Obrigatórias para Vue 3

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

1. Vue - Official (antiga Volar): Suporte oficial para arquivos .vue, incluindo realce de sintaxe e autocompletar.
2. ESLint: Ajuda a identificar erros de código enquanto você digita.
3. Prettier - Code formatter: Formata seu código automaticamente ao salvar, deixando-o limpo.
4. Auto Close Tag: Fecha as tags HTML/Vue automaticamente.

🛠️ Configuração Recomendada

Vá em Configurações -> Editor: Format On Save e deixe marcado como ativado. Isso garantirá que o Prettier formate seu código toda vez que você salvar o arquivo.