Como ser MUITO mais produtivo no VSCode
Antes de mais nada, recomendo ler com o VSCode do lado :)
Um tempo atrás, tava me perguntando se eu conseguiria migrar do VSCode pro Vim, muito por querer usar só o teclado pra programar, largar o mouse de vez.
Então, lá fui eu. Instalei o Lunar Vim, um derivado do Vim, e comecei a tentar usar. De cara, vi que o tempo de adaptação seria gigante. Eu não sabia absolutamente nenhum atalho. Não sabia buscar arquivos, criar arquivos, dividir a tela, absolutamente nada. Dai já larguei essa ideia, por não querer passar por todo esse período de adaptação. Mas então me perguntei se não teria como usar apenas o mouse também pelo VSCode. E sim!!! Da pra usar só o teclado tranquilamente. Então, bora lá
Passo 1: Instalar a extensão “File Utils”
Essa é uma extensão do VSCode que já ajuda bastante na hora de manipular arquivos. Uma vez que a extensão foi instalada, da pra acessar as funcionalidades da extenção pela paleta de comandos (ctrl + shift + p)
Agora fica bem fácil de manipular arquivos.
Passo 2: Dividir a tela
Esse recurso de dividir tela no VSCode é um recurso que vejo bem pouca gente usando, mas que me ajuda demais no meu workflow. Pra isso, basta apertar ctrl + 2. Dessa forma, uma segunda tela aparece do lado da primeira. E podemos mover arquivos pra serem visualizados nessa segunda dela.
Costumo sempre deixar do lado esquerdo o arquivo que estou mexendo e do lado direito os testes referentes a esse arquivo. Acho que isso já agiliza bastante o processo de TDD, por exemplo, por eu já conseguir sempre ler o arquivo em sí e seus testes ao mesmo tempo.
Passo 3: Mostrar em tela apenas o importante
Vejo muita gente com o terminal e com a barra de navegação abertas 100% do tempo. O problema disso é que muito do espaço da tela acaba se perdendo, quando deveríamos focar em maximizar o espaço em tela pro que de fato interessa, o código. Dessa forma, da pra deixar de exibir ambos quando estiver focado no código. Pra isso, pode pressionar ctrl + J pra ocultar o terminal, e ctrl + B pra ocultar a barra de navegação. Agora ficamos com um belo espaço em tela pro código.
Passo 4: Navegação
Beleza, agora tenho na minha frente apenas código. Como posso procurar e abrir meus arquivos entao? Bom, tem um atalho pra isso também. Pressionando CTRL + P, você consegue pesquisar pelo nome de qualquer arquivo dentro do projeto. Lógico que, pesquisar dessa forma, exige que você tenha um bom domínio sobre a estrutura do seu projeto e sobre o nome de pastas/arquivos. Talvez no começo seja complicado, mas vale bastante a pena.
Passo 5: Criar/Renomear/Deletar arquivos
Pra isso, a extensão que comentei no início pode ser bastante útil. Através dela da pra manipular os arquivos da forma que você bem entender.
Passo 6: Lidando com o terminal
Agora que o terminal ta oculto o tempo todo. Como posso abrir ele pra mexer quando for necessário? Fácil, só usar o mesmo comando que usou pra ocultar: CTRL + J. Dessa forma você consegue exibir o terminal numa boa.
Passo 7: Navegando entre terminais
Mas e se eu tiver 5 terminais abertos no meu VSCode, como posso navegar entre eles? Pode usar CTRL + PgUp ou CTRL + PgDown. Assim consegue navegar entre eles sem problemas
Aqui listei alguns comandos bem básicos que eu uso no meu dia a dia como programador, e que me ajudam a ter muito mais produtividade com o VSCode. Se tiver mais alguma sugestão de atalho útil, comenta ae
Momento Jaba
To com uma ideia de projeto que pode ser resumida em um gerenciador de tarefas focado em DEV’s. Algo como o Jira, porém com uma CLI e com mais facilidades pra ser usada pelo terminal. Tabém teria o clássico board pra criar e mover tasks, pra quem não é tão técnico conseguir acompanhar.
Caso tenha ficado curioso sobre, da uma olhada nesse link: https://www.lunarmanage.com/