Guia completo do Visual Studio Code para produtividade e desenvolvimento
📖 Definição
Visual Studio Code é um editor de código-fonte leve mas poderoso desenvolvido pela Microsoft. Suporta depuração, controle de versão Git integrado, realce de sintaxe, complementação de código inteligente e milhares de extensões.
💪 Por que aprender?
• Gratuito e de código aberto
• Multiplataforma (Windows, macOS, Linux)
• Extensões e temas personalizáveis
• Terminal integrado
• Suporte a múltiplas linguagens
🚀 O que você pode fazer?
• Desenvolvimento web
• Programação desktop e mobile
• Data Science e Machine Learning
• DevOps e Cloud
• Game Development
HTML, CSS, JS, React, Vue
Node.js, Python, Go, Java
Docker, K8s, CI/CD, IaC
Python, R, Jupyter, SQL
⌨️ Atalhos Essenciais
Use quando: Navegando rapidamente, editando código, aumentando produtividade
📋Navegação e Edição
Ctrl + P# Quick Open (abrir arquivo)
Ctrl + Shift + P# Command Palette
Ctrl + ,# Abrir configurações
Ctrl + B# Toggle sidebar
Ctrl + `# Abrir terminal integrado
Ctrl + J# Mostrar/ocultar painel inferior
Ctrl + \# Dividir editor
Ctrl + 1/2/3# Alternar entre grupos de editor
📋Seleção e Movimentação
Ctrl + D# Selecionar próxima ocorrência
Ctrl + Shift + L# Selecionar todas as ocorrências
Alt + ↑/↓# Mover linha para cima/baixo
Alt + Shift + ↑/↓# Copiar linha para cima/baixo
Ctrl + Shift + K# Deletar linha
Ctrl + /# Comentar/descomentar linha
Ctrl + Shift + /# Alternar comentário de bloco
📋Navegação Rápida
Ctrl + G# Ir para linha
Ctrl + P + :# Ir para símbolo
Ctrl + Shift + O# Ir para arquivo em símbolo
F12# Ir para definição
Shift + F12# Ir para definição ao lado
Ctrl + F12# Ir para implementação
🎯 Multi-Cursor e Seleção
Use quando: Editando múltiplas linhas, refatoração, edições em massa
📋Multi-Cursor Básico
Alt + Click# Adicionar cursor em posição
Ctrl + Alt + ↑/↓# Adicionar cursor acima/abaixo
Ctrl + U# Desfazer último cursor
Esc# Sair do modo multi-cursor
📋Seleção Colunar
Shift + Alt + Arrastar# Seleção retangular (box)
Ctrl + Shift + Alt + ↑/↓# Seleção colunar acima/abaixo
Ctrl + Shift + Alt + ←/→# Expandir/retrair seleção colunar
📋Edição Multi-Cursor
Ctrl + D# Selecionar e editar próxima ocorrência
Ctrl + Shift + L# Selecionar todas as ocorrências
Ctrl + Alt + I# Inserir cursor no final de cada linha selecionada
🐛 Debugging e Breakpoints
Use quando: Depurando código, analisando variáveis, encontrando bugs
📋Breakpoints Essenciais
F9# Toggle breakpoint
Ctrl + F9# Toggle breakpoint (alternativo)
Shift + F9# Toggle conditional breakpoint
Ctrl + Shift + F9# Toggle inline breakpoint
📋Navegação no Debug
F5# Continue/Start Debugging
Shift + F5# Stop Debugging
F10# Step Over
F11# Step Into
Shift + F11# Step Out
Ctrl + Shift + F5# Restart Debugging
📋Debug Console
Ctrl + Shift + Y# Focar Debug Console
Ctrl + Shift + I# Abrir Developer Tools
Ctrl + `# Mostrar terminal integrado
📋Watch e Inspect
Ctrl + Shift + W# Adicionar ao Watch
Alt + Hover# Inspecionar valor durante debug
💻 Integrated Terminal
Use quando: Executando comandos, build, testes, operações de sistema
📋Terminal Básico
Ctrl + `# Abrir/fechar terminal
Ctrl + Shift + `# Criar novo terminal
Ctrl + C# Copiar seleção
Ctrl + V# Colar no terminal
Ctrl + Shift + C# Copiar no terminal (Windows)
Ctrl + Shift + V# Colar no terminal (Windows)
📋Gerenciamento de Terminais
Ctrl + Shift + `# Criar novo terminal
Ctrl + Alt + ←/→# Navegar entre terminais
Ctrl + Shift + ↑/↓# Navegar entre terminais (alternativo)
Ctrl + Shift + 5# Dividir terminal
Ctrl + Shift + W# Fechar terminal atual
📋Configurações do Terminal
Ctrl + ,# Abrir configurações
terminal.integrated.shell.windows# Shell padrão Windows
terminal.integrated.shell.linux# Shell padrão Linux
terminal.integrated.shell.osx# Shell padrão macOS
🔀 Git Integration
Use quando: Controle de versão, colaboração, gerenciamento de branches
📋Git Básico no VS Code
Ctrl + Shift + G# Abrir Source Control
Ctrl + Enter# Commit mudanças
Alt + ←/→# Navegar entre mudanças
Ctrl + Shift + P > Git: Clone# Clonar repositório
📋Stage e Unstage
Ctrl + Shift + A# Stage all changes
Ctrl + Shift + U# Unstage all changes
Ctrl + Alt + S# Stage selected file
Ctrl + Alt + U# Unstage selected file
📋Branch e Merge
Ctrl + Shift + P > Git: Checkout# Mudar de branch
Ctrl + Shift + P > Git: Create Branch# Criar nova branch
Ctrl + Shift + P > Git: Merge# Merge branches
Ctrl + Shift + P > Git: Pull# Pull do repositório remoto
Ctrl + Shift + P > Git: Push# Push para repositório remoto
📋Git History
Ctrl + Shift + P > Git: View History# Ver histórico de commits
Alt + ←/→# Navegar no histórico
Ctrl + Shift + H# Abrir GitLens history
🧩 Extensions Recomendadas
Use quando: Personalizando ambiente, aumentando produtividade, ferramentas específicas
📋Essenciais para Desenvolvimento
ms-vscode.vscode-typescript-next# TypeScript Importer
esbenp.prettier-vscode# Prettier - Code Formatter
dbaeumer.vscode-eslint# ESLint
ms-vscode.vscode-json# JSON Language Support
redhat.vscode-yaml# YAML Language Support
📋Productividade
ms-vscode.vscode-gitlens# GitLens - Git supercharged
ms-vscode.live-server# Live Server
formulahendry.auto-rename-tag# Auto Rename Tag
bradlc.vscode-tailwindcss# Tailwind CSS IntelliSense
ms-vscode.vscode-color-picker# Color Picker
📋Themes e Ícones
PKief.material-icon-theme# Material Icon Theme
zhuangtongfa.Material-theme# One Dark Pro Theme
dracula-theme.theme-dracula# Dracula Theme
ms-vscode.theme-monokai# Monokai Theme
📋Debugging e Testing
ms-vscode.vscode-chrome-debug# Debugger for Chrome
ms-vscode.vscode-node-debug2# Node.js Debugging
humao.rest-client# REST Client
ms-vscode.test-adapter-converter# Test Explorer UI
📁 Workspace Management
Use quando: Trabalhando com múltiplos projetos, organização, configurações específicas
📋Multi-Workspace
File > Open Folder from Workspace...# Adicionar pasta ao workspace
File > Save Workspace As...# Salvar workspace atual
Ctrl + R# Abrir workspace recente
Ctrl + K Ctrl + O# Abrir pasta (Open Folder)
Ctrl + K Ctrl + S# Salvar workspace como
📋Navegação entre Arquivos
Ctrl + P# Quick Open - buscar arquivo
Ctrl + Tab# Alternar entre arquivos abertos
Ctrl + Shift + Tab# Alternar na direção inversa
Ctrl + 1/2/3...# Ir para editor específico
Ctrl + Alt + ←/→# Navegar entre grupos de editores
📋Configurações de Workspace
.vscode/settings.json# Configurações do workspace
.vscode/launch.json# Configurações de debug
.vscode/tasks.json# Configurações de tarefas
.vscode/extensions.json# Recomendações de extensões
📝 Snippets e Templates
Use quando: Acelerando digitação, padronizando código, templates reutilizáveis
📋Snippets Essenciais
for + Tab# Loop for básico
if + Tab# Condicional if
log + Tab# Console.log (JavaScript)
cl + Tab# Console.log (abreviação)
fn + Tab# Function declaration
raf + Tab# React Arrow Function
📋Criando Snippets Personalizados
File > Preferences > User Snippets# Abrir editor de snippets
nome-do-snippet.code-snippets# Arquivo de snippets
"Snippet Name": {# Estrutura básica
"prefix": "prefixo",# Prefixo para ativar
"body": ["$1"],# Corpo do snippet
"description": "Descrição"# Descrição do snippet
}# Fechar estrutura
📋Snippets Avançados
$TM_SELECTED_TEXT# Texto selecionado
$1, $2, $3...# Tab stops
${1:default}# Tab stop com valor padrão
$CURRENT_YEAR# Variável de data atual
$CURRENT_DATE# Variável de data completa
🌐 Remote Development
Use quando: Desenvolvimento remoto, containers, WSL, acesso a servidores
📋Remote SSH
Ctrl + Shift + P > Remote-SSH: Connect to Host...# Conectar via SSH
Ctrl + Shift + P > Remote-SSH: Open Configuration File...# Editar configuração SSH
Host nome-do-servidor# Configurar host SSH
HostName IP-ou-DOMAIN# Endereço do servidor
User nome-usuario# Usuário SSH
IdentityFile ~/.ssh/chave_privada# Chave SSH privada
📋Remote Containers
Ctrl + Shift + P > Remote-Containers: Attach to Running Container...# Anexar a container em execução
Ctrl + Shift + P > Remote-Containers: Reopen in Container# Reabrir pasta em container
.devcontainer/devcontainer.json# Configuração do dev container
"dockerFile": "Dockerfile"# Dockerfile para build
"context": ".."# Contexto do Docker
📋Remote WSL
Ctrl + Shift + P > Remote-WSL: New WSL Window# Abrir nova janela WSL
Ctrl + Shift + P > Remote-WSL: Reopen in WSL# Reabrir pasta em WSL
wsl.exe -d Ubuntu# Acessar distribuição específica
📋Remote Tunnels
Ctrl + Shift + P > Remote-Tunnels: Open in Browser# Abrir porta no navegador
Ctrl + Shift + P > Remote-Tunnels: Forward Port# Encaminhar porta específica
🎨 Customização e Themes
Use quando: Personalizando ambiente, ajustando preferências, otimizando fluxo
📋Configurações Essenciais
Ctrl + ,# Abrir configurações
workbench.colorTheme# Tema de cores
workbench.iconTheme# Tema de ícones
editor.fontFamily# Fonte do editor
editor.fontSize# Tamanho da fonte
editor.lineHeight# Altura da linha
editor.tabSize# Tamanho do tab
editor.insertSpaces# Usar espaços em vez de tabs
📋Configurações Avançadas
editor.wordWrap# Quebra de linha automática
editor.minimap.enabled# Habilitar/desabilitar minimapa
editor.renderWhitespace# Mostrar espaços em branco
editor.rulers# Réguas verticais
workbench.editor.enableTabs# Habilitar abas
files.autoSave# Auto-salvar arquivos
📋Keybindings Personalizados
Ctrl + K Ctrl + S# Abrir atalhos de teclado
File > Preferences > Keyboard Shortcuts# Menu de atalhos
keybindings.json# Arquivo de atalhos personalizados
"key": "ctrl+shift+a",# Definir atalho
"command": "workbench.action.files.saveAll"# Comando a executar
"when": "editorTextFocus"# Condição de ativação
🤝 Contribuindo
Encontrou um erro? Quer melhorar um cheatsheet? Tem uma sugestão? Adoraríamos suas contribuições! Abra uma issue ou submeta um PR.
Gostou do projeto? Apoie o desenvolvimento com um café e ajude a manter tudo open source ☕