Introdução ao VS Code

• Roger Santos apresenta um guia para iniciantes no Visual Studio Code (VS Code).
• O VS Code é um editor de código desenvolvido pela Microsoft, que combina simplicidade e funcionalidades modernas.

O que é o VS Code?

• Editor gratuito e de código aberto.
• Funcionalidades incluem:
  • Destaque de sintaxe
  • Autocompletar código
  • Integração com Git
  • Extensões para personalização

Instalação do VS Code

• Compatível com:
  • Windows
  • Mac
  • Linux
  • Versão web disponível em vscode.dev.
• Processo de instalação é simples:
  • Acesse o site oficial: code.visualstudio.com
  • Selecione o sistema operacional e siga as instruções.

Interface do VS Code

• Aba de Atividades:

  • Explorer: onde estão os arquivos.
  • Search: busca de arquivos.
  • Git: integração com sistemas de versionamento.
  • Debug: para depuração de código.
  • Extensions: onde se instalam as extensões.

• Janela de Edição: onde o código é escrito.

• Terminal: importante para executar comandos.

Personalização do VS Code

• Alteração de cores, fontes e temas.
• Tema recomendado: Drácula.
• Mecanismos de personalização incluem:
  • Divisão de janelas
  • Ajustes de layout

Extensões Recomendadas

• Live Server/Live Preview: para visualização em tempo real.
• Git Lens: para gerenciamento de versões.
• Color Picker: para seleção de cores em CSS.
• Prettier: formatador de código.
• VS Code Pets: companion divertido durante a codificação.
• Emmet: permite escrita rápida de HTML/CSS.

Criando e Abrindo Projetos

• Abrir uma pasta de projeto através do menu File > Open Folder.
• Criar novos arquivos dentro do projeto.
• Edição de código com comandos padrões (Ctrl+C, Ctrl+V).

Dicas e Truques

• Atalhos úteis:
  • CTRL P: abrir arquivos rapidamente.
  • CTRL SHIFT P: acessar a paleta de comandos.
  • ALT + Setas: mover linhas de código.
  • CTRL D: selecionar múltiplas instâncias.
  • CTRL K C: comentar linhas; CTRL K U: descomentar.
  • Auto Save: habilitar salvamento automático.

Conclusão

• Roger encerra incentivando a inscrição no canal e a visualização de mais vídeos.
• Lembre-se de experimentar as diversas funcionalidades do VS Code para otimizar seu fluxo de trabalho.

---

Nota: O conteúdo é um resumo das principais informações sobre o uso e configuração do Visual Studio Code, projetado para ajudar iniciantes a se familiarizarem com a ferramenta.