Visual Studio Code 101 — Atalhos

Kayo Hamid
3 min readAug 13, 2018

--

Fala galera, mais um texto para compartilhar com vocês, desta vez sobre o novo parceiro de trabalho, o Visual Studio Code.

A ideia aqui é simples, descrever os principais atalhos do teclado para quem está começando a usar essa ferramenta da Microsoft.

Antes de mais nada, eu fui durante muito tempo um usuário do editor Atom, que é mantido pelo GitHub. É um ótimo editor, não deixa nada para desejar, mas o VSCode chegou para ficar mesmo.

Eu sempre evito o hype do momento, e quando o VSCode veio, ele se tornou uma buzzword no nosso cenário. Mesmo tendo conhecimento que a Microsoft sabe fazer uma IDE, eu o evitei por um tempo, até que me rendi vendo suas novas funcionalidades a cada versão.

Para que atalhos?

Isso é obvio, ser mais produtivo. Nesse artigo eu irei procurar abordar coisas simples que fazem a diferença, como abrir facilmente um arquivo, ir para alguma posição especifica dele, procurar algo em todo o projeto, mover linhas e assim por diante.

Vamos lá!

1 — Abrir um projeto ou alternar entre projetos

Ctrl + k  Ctrl + o

Ao abrir o VSCode, você já pode de cara executar Ctrl + k Ctrl + o para abrir um projeto e começar a trabalhar.

2 — Abrir um arquivo do projeto

Ctrl + p

Esse é bem útil, depois de ter o projeto aberto, em vez de ficar perdendo tempo procurando por arquivos na Tree do seu projeto, digite Ctrl + p e preencha com o arquivo que você quer trabalhar, depois dele aparecer na lista, basta dar enter.

3 — Buscar todas as palavras dentro do arquivo

Ctrl + d

Isso eu aprendi no Sublime, e por sorte é um padrão generalizado entre os editores. Caso você queira mudar um nome de uma variável, selecione a primeira ocorrência e dê Ctrl + d para ir navegando entre as outras nesse mesmo arquivo. Depois basta alterar tudo de uma vez e salvar.

4 — Ir para a linha 30

Ctrl + g

Atalho importante para quando estamos procurando um bug, caso você precise investigar a linha 30 de algum arquivo em seu projeto, digite Ctrl + g e então coloque o número da linha que quer visualizar.

5 — Mover linhas para cima ou para baixo

Alt + up
Alt + down

Eu particularmente não vivo sem esse atalho. Se você quiser mover linhas para cima ou para baixo no seu projeto, selecione uma ou mais e aperte Alt + up para mover para cima e Alt + down para mover para baixo.

6 — Deletar uma linha

Ctrl + Shift + k

Para deletar uma ou mais linhas, use a combinação Ctrl + Shift + k.

7 — Divida sua tela

Ctrl + \

Eu trabalho com muitos arquivos abertos, e as vezes alterar um depende do que tem no outro. Para isso, posso dividir a tela do meu editor utilizando Ctrl + \ e ter a visualização de dois ou mais arquivos ao mesmo tempo.

8 — Alterar entre vertical e horizontal

Alt + Shit + 0

Logo que você divide sua tela, você pode alterar o posicionamento dessa tela entre vertial e horizontal utilizando de Alt + Shit + 0.

9 — Modo Zen

Ctrl + k  z

Esse particularmente é muito útil para evitar procrastinação. Ativando o modo Zen, o VSCode ocupa toda o seu monitor, parecido com o F11 de navegadores. O truque aqui é apertar Ctrl + k, soltar as teclas e depois apertar apenas z. Para sair do modo, basta seguir a mesma sequencia.

Considerações finais

Retirando o fato de que o VSCode pode abrir apenas um projeto por vez, é um ótimo editor. E como todo projeto Microsoft, tem uma documentação extensa de dar inveja em qualquer projeto.

Também aconselho que você acesse a página que contém todos os atalhos atuais do VSCode.

No mais é isso, obrigado pela leitura. Em outra data irei fazer outra compilação de atalhos mais interessantes.

Abraços.

--

--

Kayo Hamid

Programador em tempo integral, trabalho com desenvolvimento de sistemas web.