Setup 02: VS Code e Extensões React 💻

O Visual Studio Code é o melhor amigo do desenvolvedor React. Vamos configurá-lo para que ele ajude você a escrever código mais rápido e com menos erros.

🛠️ Extensões Recomendadas

Procure por estas extensões na loja do VS Code (Ctrl+Shift+X):

ES7+ React/Redux/React-Native snippets: Atalhos poderosos (ex: digite rfce para criar um componente inteiro).
Prettier - Code formatter: Deixa seu código alinhado e bonito automaticamente ao salvar.
Tailwind CSS IntelliSense: (Se for usar Tailwind) Ajuda com o autocompletar das classes.
Auto Close Tag: Fecha as tags JSX automaticamente para você.

⚙️ Configurações Sugeridas (Settings)

Para o Prettier funcionar bem, adicione isso ao seu settings.json:

{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "javascript.suggest.autoImports": true
}

⌨️ Atalhos Essenciais

Atalho	Ação
`Ctrl + '`	Abre o terminal integrado
`Ctrl + P`	Busca rápida de arquivos
`Alt + Up/Down`	Move a linha de código
`Ctrl + /`	Comenta a linha selecionada

Dica de Produtividade

Aprenda a usar o terminal integrado do VS Code para rodar os comandos npm run dev sem precisar sair do editor.