Acelere Sua Programação com Estes Atalhos de Teclado

Alcançar o mouse para abrir um arquivo, navegar por menus ou acionar uma busca quebra seu foco toda vez. Essas pequenas interrupções se acumulam. A boa notícia: um punhado de atalhos de teclado bem escolhidos para desenvolvedores pode eliminar a maioria delas sem exigir que você memorize uma centena de combinações de teclas.

Este artigo foca em atalhos de alto impacto agrupados por fluxo de trabalho—cobrindo VS Code e DevTools do navegador. Todos os atalhos são listados como Windows/Linux | macOS. Note que os atalhos podem variar por versão do editor, sistema operacional e configuração do usuário, então verifique em sua própria configuração se algo não se comportar como esperado.

Navegação: Mova-se Pelo Código Sem Tocar no Mouse

Estes atalhos do VS Code lidam com as tarefas de navegação mais comuns:

Ctrl+P / Cmd+P sozinho substitui a maior parte da navegação pela barra lateral. Digite parte do nome do arquivo e abra-o instantaneamente. Combine-o com F12 para pular para uma definição, depois Alt+← / Ctrl+- para retornar—sem necessidade de mouse.

Edição: Escreva e Remodele Código Mais Rápido

Estes atalhos de produtividade de codificação lidam com a manipulação de texto repetitiva que te atrasa:

• Alternar comentário de linha: Ctrl+/ / Cmd+/ — funciona na linha atual ou em uma seleção.
• Mover linha para cima/baixo: Alt+↑ / Option+↑ e Alt+↓ / Option+↓ — reordene a lógica sem recortar e colar.
• Duplicar linha: Shift+Alt+↓ / Shift+Option+↓ — copia a linha atual diretamente abaixo.
• Deletar linha: Ctrl+Shift+K / Cmd+Shift+K.
• Multi-cursor: Alt+Click / Option+Click — coloque cursores adicionais, depois digite para editar todas as posições de uma vez.

A edição multi-cursor é especialmente útil ao renomear variáveis repetidas ou adicionar o mesmo texto a múltiplas linhas simultaneamente.

Busca e Refatoração: Altere Código Entre Arquivos

F2 é a forma mais limpa de renomear uma variável ou função. Ele atualiza cada referência no escopo automaticamente—mais seguro e rápido do que um localizar e substituir manual.

Depuração: Atalhos de DevTools Que Importam

Seja você depurando no VS Code ou no DevTools do navegador, estes atalhos cobrem o fluxo de trabalho central:

• Alternar breakpoint: F9 (VS Code).
• Iniciar / continuar: F5.
• Pular sobre: F10.
• Entrar em: F11.
• Sair de: Shift+F11.

No Chrome DevTools, abra o painel com F12 ou Ctrl+Shift+I / Cmd+Option+I. Uma vez dentro, Ctrl+P / Cmd+P abre um seletor de arquivos—a mesma memória muscular do VS Code. Você pode explorar a lista completa na documentação de atalhos do DevTools.

Uma Observação Sobre Atalhos Que Nem Sempre Transferem

Vários atalhos listados em guias populares são específicos do editor ou conflitam com vinculações no nível do sistema operacional. Por exemplo, Ctrl+D no VS Code seleciona a próxima ocorrência da palavra destacada—ele não duplica a linha, o que é um equívoco comum herdado de outros editores. Sempre verifique suas vinculações de teclas via Preferências → Atalhos de Teclado (Ctrl+K Ctrl+S / Cmd+K Cmd+S) ou a referência oficial de keybindings do VS Code antes de assumir os padrões.

Conclusão

Escolha cinco atalhos desta lista que correspondam às suas ações mais repetidas. Use-os exclusivamente por uma semana. Uma vez que se sintam automáticos, adicione mais cinco. Otimizar seu fluxo de trabalho de desenvolvedor através de atalhos não é sobre memorizar tudo—é sobre remover os pontos de atrito específicos que interrompem seu raciocínio com mais frequência.

Perguntas Frequentes

Understand every bug

Uncover frustrations, understand bugs and fix slowdowns like never before with OpenReplay — the open-source session replay tool for developers. Self-host it in minutes, and have complete control over your customer data. Check our GitHub repo and join the thousands of developers in our community.