O Visual Studio Code (VS Code) é um editor de código-fonte gratuito, leve e extremamente poderoso desenvolvido pela Microsoft. Ele é um dos editores mais populares entre desenvolvedores de todos os níveis por sua velocidade, extensibilidade e excelente suporte a linguagens modernas.
Diferente de IDEs pesadas, o VS Code é um editor que pode ser transformado em uma IDE completa através de extensões. Ele oferece depuração integrada, controle de versão com Git, terminal embutido, IntelliSense avançado e muito mais.
O VS Code pode ser baixado gratuitamente no site oficial da Microsoft. É importante sempre baixar do site oficial para evitar versões modificadas ou maliciosas.
Link oficial:
https://code.visualstudio.com/Escolha a versão correta para o seu sistema operacional (Windows, macOS ou Linux).
.exe do site oficial.Existem duas versões: Intel e Apple Silicon (M1/M2/M3).
.zip correspondente ao seu Mac.Várias formas de instalar:
sudo apt update sudo apt install code
sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/yum.repos.d/vscode.repo' sudo dnf install code
sudo snap install code --classic
O VS Code possui uma interface moderna e organizada em várias áreas principais que facilitam o desenvolvimento.
A barra vertical à esquerda contém ícones que abrem diferentes painéis na barra lateral.
A barra lateral muda de conteúdo dependendo do ícone selecionado na Barra de Atividades.
Dica: Pressione Ctrl+B para mostrar ou esconder a barra lateral rapidamente.
É a área principal onde você edita seus arquivos. Suporta múltiplas abas, divisão de tela e minimap.
// Exemplo de código no editor function saudacao(nome) { return `Olá, ${nome}!`; }
Execute comandos diretamente dentro do VS Code sem precisar abrir outro programa.
Atalho rápido: Ctrl + ` (crase)
Na parte inferior, mostra informações importantes como linguagem do arquivo, branch do Git, problemas, e permite trocar de branch ou modo de edição.
Mostra erros e avisos diretamente na linha do código, tornando muito mais fácil identificar problemas sem precisar olhar para a aba Problems.
Extensão extremamente recomendada para iniciantes e profissionais.
Servidor local com recarregamento automático em tempo real. Ideal para desenvolvimento web (HTML, CSS, JS).
Depois de instalar, clique com botão direito no arquivo HTML e escolha Open with Live Server.
Um dos temas de ícones mais populares. Substitui os ícones padrão por ícones bonitos e coloridos para cada tipo de arquivo e pasta.
Pacote oficial de tradução da interface do VS Code para português do Brasil. Altamente recomendado para quem prefere usar o editor em português.
Formatador automático de código. Formata seu código toda vez que você salva o arquivo, mantendo o estilo consistente.
// Configuração recomendada no settings.json
{
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
Tema de ícones elegante com a paleta roxa característica do tema Dracula. Combina muito bem com temas escuros.
O VS Code permite trocar facilmente entre temas de cores e temas de ícones.
Pressione Ctrl+K Ctrl+T ou busque "Theme" na Command Palette.
Busque "File Icon Theme" na Command Palette.
Todas as configurações são salvas em um arquivo JSON. Você pode editá-lo diretamente para ter controle total.
// Abra com: Ctrl+Shift+P → Preferences: Open Settings (JSON)
{
"editor.fontSize": 15,
"editor.formatOnSave": true,
"workbench.colorTheme": "Dracula",
"workbench.iconTheme": "material-icon-theme"
}