guia-extensoes-atalhos-vscode
Get Notion free
Page icon

guia-extensoes-atalhos-vscode

🚀 Guia Definitivo de Atalhos e Extensões do VSCode

Se você ainda não está tirando o máximo proveito do seu VSCode, você tá deixando performance na mesa 🧠💻
Esse guia nasceu com um único objetivo:
Transformar o seu VSCode numa verdadeira máquina de produtividade.
Aqui você vai encontrar uma seleção dos atalhos mais úteis e as extensões essenciais pra programadores que querem trabalhar de forma mais rápida, inteligente e organizada — sem enrolação.
Se você é iniciante, esse guia vai te poupar horas de pesquisa e frustração.
Se você já tem alguma experiência, com certeza vai encontrar dicas que ainda não usa no dia a dia.

O que você vai encontrar aqui:

⚡️ Atalhos organizados por contexto (edição de código, navegação, terminal, etc.)
🧩 Extensões incríveis pra aumentar sua produtividade e deixar o VSCode com a sua cara
💡 Explicações simples + dicas práticas de como usar cada recurso
🔥 E o melhor: tudo testado na prática, por quem vive de programar
Segue rolando que vem coisa boa por aí 👇

Atalhos mais úteis

🚀 1. Navegação no Código

Ser rápido na navegação é essencial pra ganhar produtividade e não perder o "flow" de programação.
Aqui estão os atalhos que vão te deixar navegando no VSCode como um ninja 🥷:

🔹 Abrir arquivo rapidamente

Ctrl + P
→ Abre a busca de arquivos para navegar entre eles.

🔹 Ir para uma linha específica

Ctrl + G
→ Digite o número da linha e vá direto até ela.

🔹 Ir para uma definição

F12
→ Vai para a definição (função, variável, classe) do item selecionado.

🔹 Ir para a declaração

Ctrl + Click
no item → Navega até onde foi declarado.

🔹 Ir para qualquer símbolo

Ctrl + Shift + O
→ Mostra uma lista de funções, variáveis e classes do arquivo atual.

🔹 Ir para símbolo em todos os arquivos

Ctrl + T
→ Busca por qualquer símbolo em todos os arquivos abertos.

🔹 Navegar entre arquivos abertos

Ctrl + Tab
→ Alterna rapidamente entre os arquivos abertos.
Ctrl + Shift + Tab
→ Volta para o arquivo anterior.

🔹 Voltar para o local anterior

Alt + ←
→ Volta para o local onde estava antes.

🔹 Avançar para o local seguinte

Alt + →
→ Avança para o próximo local (depois de voltar).

🛠 2. Edição e Manipulação de Código

Editar código rápido não é frescura, é sobrevivência. Esses atalhos vão fazer você escrever, duplicar e organizar o código muito mais rápido ⚡️:

🔹 Duplicar linha ou seleção

Shift + Alt + ↓
→ Duplica a linha ou seleção para baixo.
Shift + Alt + ↑
→ Duplica para cima.

🔹 Mover linha ou seleção

Alt + ↓
→ Move a linha ou seleção para baixo.
Alt + ↑
→ Move para cima.

🔹 Excluir linha inteira

Ctrl + Shift + K
→ Deleta a linha onde o cursor está.

🔹 Selecionar linha inteira

Ctrl + L
→ Seleciona toda a linha.

🔹 Comentar ou descomentar linha

Ctrl + /
→ Comenta ou descomenta a linha/seleção.

🔹 Expandir seleção

Shift + Alt + →
→ Expande a seleção para o próximo bloco lógico (ex: de uma palavra pra uma linha inteira).

🔹 Encolher seleção

Shift + Alt + ←
→ Reduz a seleção para o bloco anterior.

🔹 Formatar documento inteiro

Shift + Alt + F
→ Formata todo o código do arquivo (dependendo da linguagem e extensão de formatação).

🔹 Formatar apenas a seleção

Ctrl + K
, depois
Ctrl + F
→ Formata apenas o trecho selecionado.

🔹 Multi-cursor (vários cursores)

Alt + Click
→ Adiciona cursores em vários lugares diferentes.

🔹 Selecionar todas as ocorrências da palavra

Ctrl + F2
→ Seleciona todas as ocorrências da palavra onde o cursor está.

🔹 Selecionar próxima ocorrência

Ctrl + D
→ Seleciona a próxima ocorrência da palavra para edição simultânea.

🗂 3. Gerenciamento de Arquivos

Saber criar, fechar e organizar arquivos sem tirar a mão do teclado é essencial pra ser produtivo. Bora deixar a bagunça pra trás! 🧹

🔹 Novo arquivo

Ctrl + N
→ Cria um novo arquivo.

🔹 Salvar arquivo

Ctrl + S
→ Salva o arquivo atual.

🔹 Salvar todos os arquivos

Ctrl + K
, depois
S
→ Salva todos os arquivos abertos.

🔹 Abrir arquivo

Ctrl + O
→ Abre um arquivo do sistema.

🔹 Fechar aba atual

Ctrl + W
→ Fecha o arquivo atual.

🔹 Fechar todas as abas

Ctrl + K
, depois
W
→ Fecha todos os arquivos abertos.

🔹 Reabrir aba fechada (tipo um "Ctrl + Z" pra arquivos)

Ctrl + Shift + T
→ Reabre a última aba/arquivo fechado.

🔹 Renomear arquivo (no explorer)

F2
→ Renomeia o arquivo ou pasta selecionado no explorador do VSCode.

🔹 Excluir arquivo (no explorer)

Delete
→ Exclui o arquivo ou pasta selecionado.

🔹 Mostrar/ocultar barra lateral (explorer)

Ctrl + B
→ Esconde ou mostra a barra lateral.

🎯 4. Busca e Substituição

Buscar no meio do projeto, substituir termos rapidamente, encontrar arquivos... tudo isso sem perder tempo. Bora virar mestre da busca! 🕵️‍♂️

🔹 Buscar no arquivo atual

Ctrl + F
→ Abre a busca no arquivo atual.

🔹 Buscar e substituir no arquivo atual

Ctrl + H
→ Abre a busca com opção de substituir.

🔹 Substituir tudo no arquivo atual

Ctrl + Alt + Enter
→ Substitui todas as ocorrências encontradas.

🔹 Buscar em todos os arquivos do projeto

Ctrl + Shift + F
→ Abre a busca global em todos os arquivos.

🔹 Buscar e substituir em todos os arquivos

Ctrl + Shift + H
→ Abre a busca global com opção de substituição.

🔹 Ir para o próximo resultado de busca

Enter
→ Depois de fazer uma busca, pula para o próximo resultado.

🔹 Ir para o resultado anterior

Shift + Enter
→ Volta para o resultado anterior.

🔹 Usar regex na busca

Alt + R
(dentro do painel de busca) → Ativa/desativa busca usando expressões regulares.

🔹 Filtrar resultados da busca

🔍 No campo de busca global, você pode usar:
.extensão
→ Buscar apenas em arquivos daquela extensão (ex:
.js
).
!pasta/
→ Ignorar resultados de uma pasta específica.

📋 5. Terminal Integrado

O terminal dentro do VSCode é uma das ferramentas mais poderosas.
Usar ele rápido faz toda diferença no seu fluxo de trabalho! ⚡

🔹 Abrir terminal integrado

Ctrl + '
(Ctrl + aspas simples) → Abre ou foca no terminal.

🔹 Criar novo terminal

Ctrl + Shift + '
→ Abre uma nova instância de terminal.

🔹 Alternar entre terminais

Ctrl + Page Down
→ Próximo terminal.
Ctrl + Page Up
→ Terminal anterior.

🔹 Excluir terminal atual

Ctrl + Shift + W
(dentro do terminal) → Fecha o terminal ativo.

🔹 Limpar terminal

Ctrl + L
→ Limpa o conteúdo visível do terminal.

🔹 Alternar entre terminal e editor

`Ctrl + `` (Ctrl + crase) → Volta rapidamente entre o terminal e o editor de código.

🎨 6. Ajustes Visuais e Layout

Organizar a interface do VSCode pode fazer sua produtividade dobrar.
Aqui estão os atalhos pra deixar tudo do jeitinho que você quiser 🎛️:

🔹 Mostrar/ocultar barra lateral (Explorer)

Ctrl + B
→ Esconde ou mostra a barra lateral esquerda.

🔹 Dividir o editor em duas telas

Ctrl + \
→ Divide o editor atual em duas colunas.

🔹 Navegar entre divisões (splits)

Ctrl + 1
,
Ctrl + 2
,
Ctrl + 3
... → Vai para o primeiro, segundo ou terceiro editor.

🔹 Maximizar ou restaurar editor

Ctrl + M
, depois
M
→ Maximiza ou restaura o editor ativo.

🔹 Mostrar/ocultar terminal

Ctrl + '
→ Alterna entre abrir/fechar o terminal integrado.

🔹 Alternar entre painéis

Ctrl + J
→ Mostra ou esconde o painel inferior (Terminal, Debug, Saída...).

🔹 Alternar entre abas de editor

Ctrl + Tab
→ Alterna para a próxima aba aberta.
Ctrl + Shift + Tab
→ Alterna para a aba anterior.

⚙️ 7. Depuração (Debugging)

Saber debugar rápido é o que separa o dev júnior do dev que resolve problema de verdade 🧠💥
Aqui estão os atalhos que vão salvar seu tempo e sua sanidade:

🔹 Iniciar ou continuar depuração

F5
→ Inicia a depuração ou continua a execução até o próximo breakpoint.

🔹 Parar depuração

Shift + F5
→ Encerra a sessão de depuração.

🔹 Reiniciar depuração

Ctrl + Shift + F5
→ Reinicia a sessão atual.

🔹 Passar para a próxima linha (Step Over)

F10
→ Executa a próxima linha sem entrar em funções chamadas.

🔹 Entrar em uma função (Step Into)

F11
→ Entra dentro da função que está sendo chamada.

🔹 Sair da função atual (Step Out)

Shift + F11
→ Continua a execução até sair da função atual.

🔹 Adicionar/remover breakpoint

F9
→ Adiciona ou remove um breakpoint na linha atual.

🔹 Mostrar Painel de Depuração

Ctrl + Shift + D
→ Abre o painel lateral de depuração.

Melhores Extensões

HTML e CSS 🛜

TEMAS 🎨

JAVASCRIPT 🥷🏻

UTILIDADES 🛠️

PRODUTIVIDADE 📈