30 atalhos no VS Code para turbinar sua produtividade

O Visual Studio Code (VS Code) é uma das ferramentas mais queridas pelos desenvolvedores ao redor do mundo. Sua popularidade é explicada pela sua leveza, flexibilidade e a enorme quantidade de extensões que permitem personalizar o editor de acordo com as necessidades de cada projeto. Ele se tornou a escolha número um para muitos, principalmente por ser gratuito e oferecer uma experiência de desenvolvimento altamente produtiva.

Mas, assim como qualquer ferramenta poderosa, o VS Code pode ser ainda mais eficiente se soubermos como utilizá-lo da melhor maneira possível. E uma das formas mais rápidas de melhorar sua produtividade é através dos atalhos de teclado. Esses atalhos, embora simples, podem economizar minutos preciosos ao longo do dia, facilitando tarefas que, de outra forma, demandariam múltiplos cliques e navegação pelas opções do menu.

Como eu posso editar e ver os atalhos?

Basta ir no menu superior ‘Ajuda’ e depois em ‘Referência de Atalhos do Teclado’ ou apertar o atalho ‘Ctrl+K Ctrl+R’, conforme imagem abaixo:

Neste artigo, você vai descobrir 30 atalhos essenciais do VS Code que vão turbinar sua produtividade. Eles serão divididos em categorias como navegação, edição de código e gerenciamento de arquivos, para que você possa aplicar esses truques de maneira organizada e prática no seu dia a dia de desenvolvimento.

Leia também: As 5 Melhores Opções de Editores de Código

Atalhos de Navegação

Quando estamos trabalhando em um projeto grande, com múltiplos arquivos abertos e muitas linhas de código, a navegação eficiente se torna essencial. Passar muito tempo procurando por um arquivo ou tentando localizar uma função pode interromper o fluxo de trabalho e reduzir a produtividade. É aí que os atalhos de navegação entram para agilizar esse processo e tornar a experiência mais fluida.

Com os atalhos certos, você pode se mover rapidamente entre arquivos, buscar por símbolos específicos dentro de um arquivo ou até mesmo alternar entre diferentes arquivos abertos, sem perder tempo. Aqui estão alguns atalhos essenciais para te ajudar a navegar de forma rápida e prática no VS Code:

• Ctrl + P (Windows/Linux) / Cmd + P (Mac): Esse atalho é um verdadeiro salvador quando você precisa abrir um arquivo rapidamente. Basta pressioná-lo e começar a digitar o nome do arquivo que você está procurando. O VS Code irá sugerir automaticamente arquivos do seu projeto, permitindo que você os abra de forma instantânea, sem precisar navegar pela árvore de diretórios.
• Ctrl + Shift + O (Windows/Linux) / Cmd + Shift + O (Mac): Já precisou ir direto para uma função ou variável específica dentro de um arquivo? Com esse atalho, você pode buscar por símbolos dentro do arquivo atual. Ao pressioná-lo, o VS Code exibirá uma lista de funções, variáveis e outros elementos, permitindo que você selecione o que precisa e vá diretamente para o local desejado.
• Ctrl + Tab (Windows/Linux) / Cmd + Tab (Mac): Quando você está com vários arquivos abertos e precisa alternar entre eles rapidamente, esse atalho faz toda a diferença. Ao pressioná-lo, o VS Code vai alternar entre os arquivos abertos na ordem que foram acessados, tornando fácil pular de um arquivo para outro sem precisar clicar na barra de abas ou usar o mouse.

Atalhos de Edição de Código

A edição de código é uma das tarefas mais frequentes no dia a dia de qualquer desenvolvedor. Seja para modificar uma linha de código, comentar um bloco de texto ou até mesmo mover um trecho de código para outra posição, o tempo gasto nessas ações pode ser significativo. No entanto, com o uso dos atalhos certos, é possível realizar essas tarefas de forma muito mais rápida e eficiente, economizando tempo e evitando a frustração de navegação excessiva pelo código.

Os atalhos de edição de código são projetados para agilizar as ações mais comuns de edição, permitindo que você escreva e altere seu código de maneira mais fluida. Aqui estão alguns atalhos que vão facilitar seu processo de edição:

• Ctrl + / (Windows/Linux) / Cmd + / (Mac): Comentar ou descomentar linhas de código é algo que fazemos constantemente, seja para testar algo rapidamente ou para desabilitar uma parte do código sem apagá-la. Com esse atalho, você pode comentar ou descomentar qualquer linha de código com um simples pressionar de tecla, sem precisar ir até o menu de edição ou usar o mouse. Um atalho simples, mas extremamente útil no seu fluxo de trabalho diário.
• Alt + ↑ / ↓ (Windows/Linux) / Option + ↑ / ↓ (Mac): Muitas vezes, durante a escrita do código, você precisa mover uma linha para cima ou para baixo, seja para alterar a ordem lógica do código ou para organizar melhor o seu layout. Ao invés de cortar e colar, esse atalho permite que você mova qualquer linha de código rapidamente, sem interromper seu raciocínio. Basta pressionar Alt + ↑ ou Alt + ↓ para mover a linha na direção que desejar.
• Ctrl + D (Windows/Linux) / Cmd + D (Mac): Em projetos grandes, é comum precisar editar a mesma palavra ou expressão várias vezes ao longo do código. Com o atalho Ctrl + D, você pode selecionar a próxima ocorrência de uma palavra ou expressão no código, permitindo que você altere todas as ocorrências de uma vez, sem precisar localizar e editar manualmente cada uma delas. É uma maneira rápida de refatorar e modificar variáveis, funções e outros elementos no código.

Atalhos de Busca e Substituição

Em projetos de software, é comum a necessidade de localizar rapidamente uma função, variável ou até mesmo um trecho específico de código para edição. Seja para corrigir um erro, refatorar uma parte do sistema ou ajustar um valor, a busca eficiente é uma das ferramentas mais poderosas para manter a agilidade e a organização no desenvolvimento. Os atalhos de busca e substituição no VS Code facilitam muito esse processo, permitindo que você encontre rapidamente o que precisa e faça modificações de maneira eficiente.

Ao invés de procurar manualmente por linhas de código, o uso desses atalhos pode transformar uma tarefa que normalmente tomaria bastante tempo em algo rápido e direto, aumentando a produtividade e a precisão no processo de edição. Aqui estão alguns atalhos essenciais para buscas e substituições:

• Ctrl + F (Windows/Linux) / Cmd + F (Mac): Este atalho abre a caixa de busca dentro do arquivo atual. Ao pressioná-lo, você pode digitar o termo ou expressão que está procurando, e o VS Code irá destacá-los conforme a busca é realizada. Isso permite localizar rapidamente o que você precisa sem sair da tela de edição. Além disso, ele oferece funcionalidades como busca com expressão regular e busca por correspondências exatas, facilitando ainda mais a localização de elementos específicos.
• Ctrl + H (Windows/Linux) / Cmd + H (Mac): Quando você precisa não apenas localizar, mas também substituir uma ocorrência de texto dentro do arquivo, esse atalho é fundamental. Ele abre a funcionalidade de busca e substituição, permitindo que você altere rapidamente uma palavra ou expressão por outra, de forma prática e ágil. Se você estiver lidando com múltiplas ocorrências do mesmo termo, esse atalho vai te economizar muito tempo, evitando a necessidade de edição manual em cada linha.
• Ctrl + Shift + F (Windows/Linux) / Cmd + Shift + F (Mac): Em projetos grandes, muitas vezes é necessário buscar por um termo não apenas em um arquivo, mas em todo o projeto. Esse atalho abre a busca global, permitindo que você pesquise por uma palavra ou expressão em todos os arquivos do seu projeto. Isso é especialmente útil quando você precisa refatorar ou verificar o uso de uma função ou variável em várias partes do código sem precisar abrir cada arquivo individualmente.

Atalhos de Multi-Cursores

Trabalhar com múltiplas ocorrências de uma palavra ou código pode ser uma tarefa bastante repetitiva, especialmente quando você precisa editar diversas linhas ao mesmo tempo. Em vez de modificar uma a uma, o VS Code oferece a funcionalidade de multi-cursor, que permite editar várias partes do código simultaneamente. Isso não só economiza tempo, mas também facilita a consistência na modificação de dados ou na refatoração do código.

Com os atalhos de multi-cursor, você pode colocar múltiplos cursores em pontos diferentes do código e editar várias linhas ou palavras ao mesmo tempo. Isso torna tarefas como renomear variáveis, modificar trechos de texto ou ajustar funções mais rápidas e eficientes. Aqui estão alguns atalhos essenciais para trabalhar com múltiplos cursores no VS Code:

• Ctrl + Alt + ↓ / ↑ (Windows/Linux) / Cmd + Alt + ↓ / ↑ (Mac): Esse atalho é ideal quando você precisa adicionar um novo cursor acima ou abaixo do ponto atual. Com ele, você pode rapidamente colocar múltiplos cursores em linhas diferentes e editar várias partes do código ao mesmo tempo. Isso é muito útil, por exemplo, quando você está ajustando o valor de várias variáveis ou alterando parâmetros em diferentes linhas de uma função.
• Ctrl + D (Windows/Linux) / Cmd + D (Mac): Quando você precisa selecionar a próxima ocorrência de uma palavra ou expressão no seu código e adicionar um novo cursor, esse atalho é a solução. A cada vez que você pressiona Ctrl + D, o VS Code seleciona a próxima ocorrência da palavra ou expressão e coloca um cursor sobre ela. Isso permite editar rapidamente todas as ocorrências de uma variável, função ou termo, sem perder tempo com busca manual.
• Ctrl + Shift + L (Windows/Linux) / Cmd + Shift + L (Mac): Se você deseja selecionar todas as ocorrências de uma palavra ou expressão no arquivo e adicionar um cursor em cada uma delas, esse atalho é extremamente útil. Ele vai selecionar todas as ocorrências de um termo no arquivo e colocar um cursor em cada uma, permitindo que você as edite simultaneamente. Isso é ótimo quando você precisa fazer alterações em todas as instâncias de um nome de variável, por exemplo.

Atalhos de Gerenciamento de Arquivos

Manter um bom fluxo de trabalho ao gerenciar arquivos é essencial para a produtividade de qualquer desenvolvedor. No VS Code, você frequentemente precisa criar, abrir ou fechar arquivos enquanto trabalha em diferentes partes de um projeto. Em vez de navegar pelas opções de menu ou usar o mouse, os atalhos de gerenciamento de arquivos permitem que você execute essas ações de maneira rápida e eficiente, sem sair do teclado.

Esses atalhos facilitam a organização do seu espaço de trabalho, permitindo que você se concentre no código sem interrupções. Aqui estão alguns atalhos essenciais para o gerenciamento de arquivos no VS Code:

• Ctrl + N (Windows/Linux) / Cmd + N (Mac): Criar um novo arquivo rapidamente pode ser uma tarefa repetitiva, mas extremamente comum durante o desenvolvimento. Ao pressionar Ctrl + N, você abre uma nova aba com um arquivo em branco, pronto para ser editado. Esse atalho é ótimo quando você precisa começar a escrever um novo script ou arquivo sem perder tempo navegando por menus.
• Ctrl + Shift + N (Windows/Linux) / Cmd + Shift + N (Mac): Muitas vezes, você precisa abrir uma nova janela do VS Code, seja para trabalhar em múltiplos projetos ou para manter uma área de trabalho limpa e organizada. Esse atalho abre uma nova janela do editor, permitindo que você trabalhe em uma nova instância sem fechar o que já estava em andamento. Ele ajuda a melhorar a organização, mantendo vários projetos acessíveis ao mesmo tempo.
• Ctrl + W (Windows/Linux) / Cmd + W (Mac): Quando você termina de trabalhar em um arquivo, é importante fechá-lo para manter o ambiente limpo e organizado. Com o atalho Ctrl + W, você fecha rapidamente o arquivo atual sem precisar usar o mouse. Esse atalho é ideal para quando você está finalizando sua tarefa e deseja continuar trabalhando em outro arquivo sem perder tempo.

Atalhos de Controle de Versionamento (Git)

O versionamento de código é uma prática essencial para qualquer desenvolvedor, pois permite que você mantenha um histórico claro das alterações feitas ao longo do tempo. O Git, uma das ferramentas mais populares para controle de versão, está integrado diretamente ao VS Code, tornando o processo de gerenciamento de código mais ágil e direto. Com a ajuda de atalhos, você pode controlar e revisar mudanças, fazer commits e gerenciar o histórico do projeto sem sair do editor, mantendo o foco no que realmente importa: o desenvolvimento.

Esses atalhos otimizam o fluxo de trabalho, permitindo que você faça ações de versionamento de maneira rápida e eficiente. Aqui estão alguns atalhos essenciais para o controle de versionamento no VS Code:

• Ctrl + Shift + G (Windows/Linux) / Cmd + Shift + G (Mac): Este atalho abre a interface de controle de versão no VS Code, onde você pode ver as alterações que fez no código, os arquivos modificados, e os commits pendentes. Com ele, você tem acesso fácil a todas as funcionalidades do Git sem precisar sair do editor. A interface permite que você veja rapidamente o status do seu repositório e tenha uma visão geral das modificações feitas.
• Ctrl + Enter (Windows/Linux) / Cmd + Enter (Mac): Após realizar mudanças no código, o próximo passo é salvar essas alterações no repositório. Com o atalho Ctrl + Enter, você pode fazer commit das mudanças diretamente no VS Code. Esse atalho facilita o processo de commit, permitindo que você registre as alterações feitas sem ter que abrir o terminal ou utilizar outros recursos externos.
• Ctrl + Shift + P (Windows/Linux) / Cmd + Shift + P (Mac): A paleta de comandos do VS Code é uma ferramenta poderosa que permite acessar diversas funcionalidades do editor de forma rápida. Quando você pressiona Ctrl + Shift + P, pode acessar comandos do Git diretamente pela paleta, como realizar merges, rebase, reset ou até mesmo puxar e empurrar mudanças para o repositório remoto. Isso agiliza o processo de interação com o Git, sem a necessidade de memorizar comandos do terminal.

Atalhos de Debugging

A depuração de código é uma das tarefas mais cruciais durante o desenvolvimento de software. Identificar e corrigir erros de maneira eficiente pode ser a diferença entre um código bem-sucedido e um projeto que leva muito mais tempo do que o necessário. O VS Code oferece uma série de atalhos que tornam o processo de depuração mais rápido e simples, permitindo que você encontre e resolva problemas no código com menos esforço.

Esses atalhos ajudam a navegar e testar o código com mais eficiência, sem precisar sair do editor ou perder tempo procurando opções. A seguir, apresento alguns atalhos essenciais para o processo de debugging no VS Code:

• F5: Este atalho é responsável por iniciar o debugger, permitindo que você execute o código em modo de depuração. Quando você pressiona F5, o VS Code começa a rodar o código e, se houver algum ponto de interrupção configurado, ele irá parar na linha onde o erro ou comportamento indesejado ocorre, dando a você a oportunidade de investigar o problema de forma detalhada. Essa ação elimina a necessidade de navegar por menus ou usar comandos longos no terminal, proporcionando uma maneira rápida de testar e depurar.
• F9: Adicionar e remover pontos de interrupção é uma das técnicas mais poderosas durante o processo de debugging. Com o atalho F9, você pode rapidamente definir ou remover esses pontos no código, permitindo que o debugger pare em locais estratégicos para observar variáveis, verificar fluxos de execução e entender melhor o comportamento do programa. Essa capacidade de controlar onde o código irá parar ajuda a otimizar o tempo gasto na depuração, tornando-a mais focada e eficiente.
• Ctrl + Shift + Y (Windows/Linux) / Cmd + Shift + Y (Mac): O painel de depuração é onde você encontra informações detalhadas sobre o estado do seu código enquanto ele é executado, como variáveis, pilha de chamadas e logs de execução. Com o atalho Ctrl + Shift + Y, você pode alternar rapidamente para esse painel, sem a necessidade de navegar manualmente pelo menu ou pelas interfaces. Isso ajuda a ter uma visão clara do que está acontecendo durante o processo de depuração, facilitando a identificação de problemas e o acompanhamento do fluxo de execução.

Atalhos de Personalização e Extensões

O Visual Studio Code é conhecido por sua flexibilidade e capacidade de ser altamente personalizado. A possibilidade de adaptar o editor às suas necessidades é um dos grandes atrativos da ferramenta. Desde ajustes na interface até a instalação de extensões que melhoram o fluxo de trabalho, o VS Code oferece uma série de atalhos que tornam esse processo mais rápido e eficiente, sem a necessidade de navegar por múltiplos menus.

Esses atalhos facilitam a personalização do editor e a instalação de extensões, permitindo que você adapte o ambiente de desenvolvimento para suas preferências com muito mais agilidade. Vamos conhecer alguns atalhos essenciais para quem quer aproveitar o máximo do potencial de personalização do VS Code:

• Ctrl + Shift + X (Windows/Linux) / Cmd + Shift + X (Mac): Este atalho abre diretamente a lista de extensões do VS Code. As extensões são uma das maiores forças do editor, permitindo adicionar funcionalidades extras como suporte a novas linguagens, temas, integração com ferramentas externas, entre outros. Com Ctrl + Shift + X, você pode buscar, instalar ou desinstalar extensões rapidamente, sem interromper seu fluxo de trabalho. Isso é especialmente útil quando você precisa adicionar uma funcionalidade nova ao seu ambiente de desenvolvimento de forma rápida.
• Ctrl + , (Windows/Linux) / Cmd + , (Mac): Abrir as configurações do VS Code é essencial para personalizar a experiência de desenvolvimento. O atalho Ctrl + , (ou Cmd + , no Mac) abre as configurações diretamente, permitindo que você altere preferências como tema, atalhos de teclado, configurações de editor, entre outras. Ao utilizar esse atalho, você pode ajustar rapidamente o editor conforme suas preferências, garantindo um ambiente mais confortável e eficiente para o seu trabalho.
• Ctrl + Shift + P (Windows/Linux) / Cmd + Shift + P (Mac): A paleta de comandos do VS Code é uma ferramenta poderosa que centraliza uma série de funcionalidades e opções. Com o atalho Ctrl + Shift + P, você tem acesso rápido a comandos, configurações, e ações do editor, como a criação de novos arquivos, execução de testes ou até mesmo a ativação de comandos das extensões instaladas. Esse atalho torna possível executar ações rápidas e diversas de maneira eficiente, sem a necessidade de clicar em várias opções de menus.

9. Atalhos de Gerenciamento de Janelas

Quando se trabalha com múltiplos arquivos ou tarefas simultaneamente, gerenciar janelas e abas de forma eficiente se torna essencial para manter o fluxo de trabalho organizado. No VS Code, a experiência de trabalhar com várias janelas ou abas pode ser muito mais ágil com a utilização de atalhos de gerenciamento, permitindo que você se concentre nas suas tarefas sem perder tempo ajustando a interface. Esses atalhos ajudam a navegar entre os diferentes painéis, dividir a tela e ocultar áreas que não estão em uso, facilitando o multitasking de forma intuitiva.

Aqui estão alguns atalhos de gerenciamento de janelas que vão otimizar seu trabalho no VS Code:

• Ctrl + \: O atalho Ctrl + \ permite dividir a janela do editor em duas ou mais partes, facilitando o trabalho com múltiplos arquivos ao mesmo tempo. Essa funcionalidade é ideal quando você precisa comparar códigos, consultar documentação ou mesmo alternar rapidamente entre diferentes seções do seu projeto. Com a tela dividida, você pode manter tudo visível de maneira organizada, sem precisar alternar constantemente entre as abas.
• Ctrl + 1/2/3: Quando você tem múltiplas colunas de editores abertas, pode ser um pouco trabalhoso alternar entre elas manualmente. Com os atalhos Ctrl + 1, Ctrl + 2 e Ctrl + 3, você pode pular diretamente para a primeira, segunda ou terceira coluna de editores, respectivamente. Isso torna a navegação entre diferentes partes do código mais rápida e intuitiva, principalmente quando você está lidando com um projeto grande e com vários arquivos abertos ao mesmo tempo.
• Ctrl + B: A barra lateral do VS Code é útil para acessar arquivos, visualizar o controle de versão ou até mesmo checar o terminal integrado, mas nem sempre é necessário mantê-la visível. Com o atalho Ctrl + B, você pode alternar rapidamente a visibilidade da barra lateral, liberando mais espaço na tela para o seu código. Isso é especialmente útil em momentos em que você quer maximizar o espaço de edição sem perder o acesso rápido aos arquivos ou ao terminal.

Conclusão

Os atalhos de teclado são, sem dúvida, uma das formas mais eficientes de aumentar a produtividade ao utilizar o VS Code. Com a grande quantidade de recursos e funcionalidades que a ferramenta oferece, a habilidade de navegar rapidamente pelo código, editar de forma ágil, realizar buscas e gerenciar arquivos com poucos cliques pode transformar significativamente o seu fluxo de trabalho. Quando usados corretamente, os atalhos não apenas economizam tempo, mas também melhoram a experiência de codificação, tornando-a mais fluida e sem interrupções.

O VS Code é uma ferramenta extremamente poderosa, especialmente quando personalizada para as suas necessidades. Ao aprender e incorporar os atalhos mais úteis, você pode otimizar seu ambiente de desenvolvimento e criar uma rotina de trabalho mais dinâmica. Mas não se esqueça de que a personalização é uma das maiores vantagens do VS Code. Dedique algum tempo para ajustar os atalhos e configurações de acordo com a sua maneira de trabalhar. Isso fará toda a diferença em sua produtividade.

Agora, gostaríamos de saber de você: Quais são seus atalhos favoritos no VS Code? Existem outros atalhos que você acha indispensáveis ou que tornam seu trabalho mais eficiente? Comente abaixo e compartilhe suas dicas!