Cheatsheet

← Voltar para página principal
VS Code Cheatsheet

Guia completo do Visual Studio Code para produtividade e desenvolvimento

📝 O que é VS Code?

📖 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

💡 Onde você vai usar:
🌐 Web Dev
HTML, CSS, JS, React, Vue
⚙️ Backend
Node.js, Python, Go, Java
🐳 DevOps
Docker, K8s, CI/CD, IaC
📊 Data Science
Python, R, Jupyter, SQL
Filtro ativo:Todos
Total: 10 categoriasBásico: 3Intermediário: 6Avançado: 1

⌨️ Atalhos Essenciais

Use quando: Navegando rapidamente, editando código, aumentando produtividade

📋Navegação e Edição

Básico
Ctrl + P

# Quick Open (abrir arquivo)

Básico
Ctrl + Shift + P

# Command Palette

Básico
Ctrl + ,

# Abrir configurações

Básico
Ctrl + B

# Toggle sidebar

Básico
Ctrl + `

# Abrir terminal integrado

Básico
Ctrl + J

# Mostrar/ocultar painel inferior

Básico
Ctrl + \

# Dividir editor

Básico
Ctrl + 1/2/3

# Alternar entre grupos de editor

📋Seleção e Movimentação

Básico
Ctrl + D

# Selecionar próxima ocorrência

Básico
Ctrl + Shift + L

# Selecionar todas as ocorrências

Básico
Alt + ↑/↓

# Mover linha para cima/baixo

Básico
Alt + Shift + ↑/↓

# Copiar linha para cima/baixo

Básico
Ctrl + Shift + K

# Deletar linha

Básico
Ctrl + /

# Comentar/descomentar linha

Básico
Ctrl + Shift + /

# Alternar comentário de bloco

📋Navegação Rápida

Básico
Ctrl + G

# Ir para linha

Básico
Ctrl + P + :

# Ir para símbolo

Básico
Ctrl + Shift + O

# Ir para arquivo em símbolo

Básico
F12

# Ir para definição

Básico
Shift + F12

# Ir para definição ao lado

Básico
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

Intermediário
Alt + Click

# Adicionar cursor em posição

Intermediário
Ctrl + Alt + ↑/↓

# Adicionar cursor acima/abaixo

Intermediário
Ctrl + U

# Desfazer último cursor

Intermediário
Esc

# Sair do modo multi-cursor

📋Seleção Colunar

Intermediário
Shift + Alt + Arrastar

# Seleção retangular (box)

Intermediário
Ctrl + Shift + Alt + ↑/↓

# Seleção colunar acima/abaixo

Intermediário
Ctrl + Shift + Alt + ←/→

# Expandir/retrair seleção colunar

📋Edição Multi-Cursor

Intermediário
Ctrl + D

# Selecionar e editar próxima ocorrência

Intermediário
Ctrl + Shift + L

# Selecionar todas as ocorrências

Intermediário
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

Intermediário
F9

# Toggle breakpoint

Intermediário
Ctrl + F9

# Toggle breakpoint (alternativo)

Intermediário
Shift + F9

# Toggle conditional breakpoint

Intermediário
Ctrl + Shift + F9

# Toggle inline breakpoint

📋Navegação no Debug

Intermediário
F5

# Continue/Start Debugging

Intermediário
Shift + F5

# Stop Debugging

Intermediário
F10

# Step Over

Intermediário
F11

# Step Into

Intermediário
Shift + F11

# Step Out

Intermediário
Ctrl + Shift + F5

# Restart Debugging

📋Debug Console

Intermediário
Ctrl + Shift + Y

# Focar Debug Console

Intermediário
Ctrl + Shift + I

# Abrir Developer Tools

Intermediário
Ctrl + `

# Mostrar terminal integrado

📋Watch e Inspect

Intermediário
Ctrl + Shift + W

# Adicionar ao Watch

Intermediário
Alt + Hover

# Inspecionar valor durante debug

💻 Integrated Terminal

Use quando: Executando comandos, build, testes, operações de sistema

📋Terminal Básico

Básico
Ctrl + `

# Abrir/fechar terminal

Básico
Ctrl + Shift + `

# Criar novo terminal

Básico
Ctrl + C

# Copiar seleção

Básico
Ctrl + V

# Colar no terminal

Básico
Ctrl + Shift + C

# Copiar no terminal (Windows)

Básico
Ctrl + Shift + V

# Colar no terminal (Windows)

📋Gerenciamento de Terminais

Básico
Ctrl + Shift + `

# Criar novo terminal

Básico
Ctrl + Alt + ←/→

# Navegar entre terminais

Básico
Ctrl + Shift + ↑/↓

# Navegar entre terminais (alternativo)

Básico
Ctrl + Shift + 5

# Dividir terminal

Básico
Ctrl + Shift + W

# Fechar terminal atual

📋Configurações do Terminal

Básico
Ctrl + ,

# Abrir configurações

Básico
terminal.integrated.shell.windows

# Shell padrão Windows

Básico
terminal.integrated.shell.linux

# Shell padrão Linux

Básico
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

Intermediário
Ctrl + Shift + G

# Abrir Source Control

Intermediário
Ctrl + Enter

# Commit mudanças

Intermediário
Alt + ←/→

# Navegar entre mudanças

Intermediário
Ctrl + Shift + P > Git: Clone

# Clonar repositório

📋Stage e Unstage

Intermediário
Ctrl + Shift + A

# Stage all changes

Intermediário
Ctrl + Shift + U

# Unstage all changes

Intermediário
Ctrl + Alt + S

# Stage selected file

Intermediário
Ctrl + Alt + U

# Unstage selected file

📋Branch e Merge

Intermediário
Ctrl + Shift + P > Git: Checkout

# Mudar de branch

Intermediário
Ctrl + Shift + P > Git: Create Branch

# Criar nova branch

Intermediário
Ctrl + Shift + P > Git: Merge

# Merge branches

Intermediário
Ctrl + Shift + P > Git: Pull

# Pull do repositório remoto

Intermediário
Ctrl + Shift + P > Git: Push

# Push para repositório remoto

📋Git History

Intermediário
Ctrl + Shift + P > Git: View History

# Ver histórico de commits

Intermediário
Alt + ←/→

# Navegar no histórico

Intermediário
Ctrl + Shift + H

# Abrir GitLens history

🧩 Extensions Recomendadas

Use quando: Personalizando ambiente, aumentando produtividade, ferramentas específicas

📋Essenciais para Desenvolvimento

Básico
ms-vscode.vscode-typescript-next

# TypeScript Importer

Básico
esbenp.prettier-vscode

# Prettier - Code Formatter

Básico
dbaeumer.vscode-eslint

# ESLint

Básico
ms-vscode.vscode-json

# JSON Language Support

Básico
redhat.vscode-yaml

# YAML Language Support

📋Productividade

Básico
ms-vscode.vscode-gitlens

# GitLens - Git supercharged

Básico
ms-vscode.live-server

# Live Server

Básico
formulahendry.auto-rename-tag

# Auto Rename Tag

Básico
bradlc.vscode-tailwindcss

# Tailwind CSS IntelliSense

Básico
ms-vscode.vscode-color-picker

# Color Picker

📋Themes e Ícones

Básico
PKief.material-icon-theme

# Material Icon Theme

Básico
zhuangtongfa.Material-theme

# One Dark Pro Theme

Básico
dracula-theme.theme-dracula

# Dracula Theme

Básico
ms-vscode.theme-monokai

# Monokai Theme

📋Debugging e Testing

Básico
ms-vscode.vscode-chrome-debug

# Debugger for Chrome

Básico
ms-vscode.vscode-node-debug2

# Node.js Debugging

Básico
humao.rest-client

# REST Client

Básico
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

Intermediário
File > Open Folder from Workspace...

# Adicionar pasta ao workspace

Intermediário
File > Save Workspace As...

# Salvar workspace atual

Intermediário
Ctrl + R

# Abrir workspace recente

Intermediário
Ctrl + K Ctrl + O

# Abrir pasta (Open Folder)

Intermediário
Ctrl + K Ctrl + S

# Salvar workspace como

📋Navegação entre Arquivos

Intermediário
Ctrl + P

# Quick Open - buscar arquivo

Intermediário
Ctrl + Tab

# Alternar entre arquivos abertos

Intermediário
Ctrl + Shift + Tab

# Alternar na direção inversa

Intermediário
Ctrl + 1/2/3...

# Ir para editor específico

Intermediário
Ctrl + Alt + ←/→

# Navegar entre grupos de editores

📋Configurações de Workspace

Intermediário
.vscode/settings.json

# Configurações do workspace

Intermediário
.vscode/launch.json

# Configurações de debug

Intermediário
.vscode/tasks.json

# Configurações de tarefas

Intermediário
.vscode/extensions.json

# Recomendações de extensões

📝 Snippets e Templates

Use quando: Acelerando digitação, padronizando código, templates reutilizáveis

📋Snippets Essenciais

Intermediário
for + Tab

# Loop for básico

Intermediário
if + Tab

# Condicional if

Intermediário
log + Tab

# Console.log (JavaScript)

Intermediário
cl + Tab

# Console.log (abreviação)

Intermediário
fn + Tab

# Function declaration

Intermediário
raf + Tab

# React Arrow Function

📋Criando Snippets Personalizados

Intermediário
File > Preferences > User Snippets

# Abrir editor de snippets

Intermediário
nome-do-snippet.code-snippets

# Arquivo de snippets

Intermediário
"Snippet Name": {

# Estrutura básica

Intermediário
"prefix": "prefixo",

# Prefixo para ativar

Intermediário
"body": ["$1"],

# Corpo do snippet

Intermediário
"description": "Descrição"

# Descrição do snippet

Intermediário
}

# Fechar estrutura

📋Snippets Avançados

Intermediário
$TM_SELECTED_TEXT

# Texto selecionado

Intermediário
$1, $2, $3...

# Tab stops

Intermediário
${1:default}

# Tab stop com valor padrão

Intermediário
$CURRENT_YEAR

# Variável de data atual

Intermediário
$CURRENT_DATE

# Variável de data completa

🌐 Remote Development

Use quando: Desenvolvimento remoto, containers, WSL, acesso a servidores

📋Remote SSH

Avançado
Ctrl + Shift + P > Remote-SSH: Connect to Host...

# Conectar via SSH

Avançado
Ctrl + Shift + P > Remote-SSH: Open Configuration File...

# Editar configuração SSH

Avançado
Host nome-do-servidor

# Configurar host SSH

Avançado
HostName IP-ou-DOMAIN

# Endereço do servidor

Avançado
User nome-usuario

# Usuário SSH

Avançado
IdentityFile ~/.ssh/chave_privada

# Chave SSH privada

📋Remote Containers

Avançado
Ctrl + Shift + P > Remote-Containers: Attach to Running Container...

# Anexar a container em execução

Avançado
Ctrl + Shift + P > Remote-Containers: Reopen in Container

# Reabrir pasta em container

Avançado
.devcontainer/devcontainer.json

# Configuração do dev container

Avançado
"dockerFile": "Dockerfile"

# Dockerfile para build

Avançado
"context": ".."

# Contexto do Docker

📋Remote WSL

Avançado
Ctrl + Shift + P > Remote-WSL: New WSL Window

# Abrir nova janela WSL

Avançado
Ctrl + Shift + P > Remote-WSL: Reopen in WSL

# Reabrir pasta em WSL

Avançado
wsl.exe -d Ubuntu

# Acessar distribuição específica

📋Remote Tunnels

Avançado
Ctrl + Shift + P > Remote-Tunnels: Open in Browser

# Abrir porta no navegador

Avançado
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

Intermediário
Ctrl + ,

# Abrir configurações

Intermediário
workbench.colorTheme

# Tema de cores

Intermediário
workbench.iconTheme

# Tema de ícones

Intermediário
editor.fontFamily

# Fonte do editor

Intermediário
editor.fontSize

# Tamanho da fonte

Intermediário
editor.lineHeight

# Altura da linha

Intermediário
editor.tabSize

# Tamanho do tab

Intermediário
editor.insertSpaces

# Usar espaços em vez de tabs

📋Configurações Avançadas

Intermediário
editor.wordWrap

# Quebra de linha automática

Intermediário
editor.minimap.enabled

# Habilitar/desabilitar minimapa

Intermediário
editor.renderWhitespace

# Mostrar espaços em branco

Intermediário
editor.rulers

# Réguas verticais

Intermediário
workbench.editor.enableTabs

# Habilitar abas

Intermediário
files.autoSave

# Auto-salvar arquivos

📋Keybindings Personalizados

Intermediário
Ctrl + K Ctrl + S

# Abrir atalhos de teclado

Intermediário
File > Preferences > Keyboard Shortcuts

# Menu de atalhos

Intermediário
keybindings.json

# Arquivo de atalhos personalizados

Intermediário
"key": "ctrl+shift+a",

# Definir atalho

Intermediário
"command": "workbench.action.files.saveAll"

# Comando a executar

Intermediário
"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 ☕