O Visual Studio Code organiza a tela em áreas bem definidas, facilitando o acesso rápido a cada funcionalidade. Veja abaixo os principais componentes:

1. Activity Bar (Barra de Atividades)

• Localização: coluna vertical à esquerda.
• Ícones Padrão:
  • Explorer 📁: abre/fecha a árvore de arquivos do seu projeto.
  • Search 🔍: busca texto em todos os arquivos do workspace.
  • Source Control 🌿: painel para comandos Git (commit, diff, branches).
  • Run & Debug ▶️🐞: configura e inicia sessões de depuração.
  • Extensions ▢▢▢: gerencia plugins e temas.
• Personalização: você pode adicionar/remover ícones de extensões instaladas.

2. Side Bar (Barra Lateral)

• Localização: à direita da Activity Bar.
• Conteúdo Dinâmico: muda conforme o ícone selecionado na Activity Bar.
  • Em Explorer, mostra pastas e arquivos do projeto.
  • Em Source Control, lista arquivos com alterações.
• Painéis: dentro de cada modo, há seções expansíveis (ex: “Changes” e “Branches” no Git).

3. Editor Group (Área de Edição)

• Localização: região central.
• Editor Tabs: cada arquivo aberto aparece como uma aba no topo.
• Divisão de Painel: é possível ter múltiplos grupos lado a lado (split editor) para comparar ou editar arquivos simultaneamente.
• Peek & Go To: use F12 para ir à definição ou Alt+F12 para visualização rápida.

4. Panel (Painel Inferior)