8 configurações no VS Code para Devs Seniors

Está precisando dar uma agilizada na sua rotina, Dev? Então venha conhecer algumas configurações bem práticas no VS Code!

08 de Dezembro de 2021 por Stefanini

Provavelmente você já ouviu falar que organizar o seu espaço de trabalho ajuda a aumentar a sua produtividade. E tá errado? Por isso, a matéria de hoje foi feita especialmente para você, Dev Sênior, que usa bastante o VS Code.

Lá, existem diversos atalhos e configurações que deixam o layout mais limpo e ágil para programar. Então vale a pena continuar por aqui para conhecer pelo menos alguns deles e testar no seu dia a dia. 

Bom, sem mais delongas...Vamos começar!

1. Ocultar/Mostrar barra de atividades no VS Code

Para quem já tem o hábito de mexer no programa, é normal querer omitir a barra de atividades/ferramentas, né? Mas e quando queremos torná-la visível novamente, como fazemos? Bom, aqui, o “o pulo do gato” é configurar um atalho no editor de atalhos do teclado.

Lembre-se que as configurações são definidas automaticamente, então você não precisa se preocupar em voltar para "Configurações abertas (JSON)” de novo. Também dá para usar a Paleta de comandos (Ctrl + Shift + P). É só pesquisar por “Alternar barra de atividades”.

2. GitHub Copilot em projetos pessoais

O GitHub Copilot, extensão recente do Visual Studio Code, vem dividindo a opinião de pessoas desenvolvedoras. No entanto, essa inteligência artificial pode ser bem útil em projetos pessoais, devido às questões de privacidade, principalmente para testes de unidade.

3. Arrastar e soltar e Deletar sem precisar confirmar

Infinitas janelas de confirmação acabam com a nossa concentração, né Dev? No entanto, se você clicar em “não me pergunte novamente” para os comandos de arrastar e soltar (drag-and-drop) ou deletar, você terá a opção salva em settings.json e poderá alterá-la a qualquer momento.


4. Programar ações de código 

Não é só o Github Copilot que consegue ler as mentes de desenvolvedores, sabia? No momento de salvar arquivos, você pode configurar o seu editor para corrigir todos os problemas EsLint, StyleLint ou Prettier e para adicionar importações que estejam em falta (tipos conhecidos ainda não importados).

5. Stylelint e editor.suggest.insert Mode

Se você ainda não está usando o Stylelint, em vez da validação CSS embutida no VS Code, é melhor configurá-lo já!

Além disso, temos o editor.suggest.insertMode. Quase um trava línguas, né? Mas muito efetivo. Quando você define essa configuração para fazer a substituição, basta selecionar um hint, pressionar Tab ou Enter e o texto todo será alterado.

6. Configurar o Emmet

Embora o Emmet esteja embutido no VS Code, você deve definir as configurações manualmente para que a tecla Tab acione o preenchimento automático. Existe também a possibilidade de você ter que ensiná-lo algumas coisas, como PostCSS é apenas CSS ou escrever React em Markdown.

7. Abrir arquivos com um único clique

Para abrir arquivos no VS Code é necessário dar dois cliques? Não se você desativar o modo preview nas configurações.

8. Ativar o Settings Sync

Por último, mas não menos importante, temos a Settings Sync, extensão do Visual Studio Code que faz o backup e sincronização das suas configurações no programa. Você consegue ativá-la pela própria barra de atividades.

Para isso, basta clicar na engrenagenzinha que fica na parte inferior da barra e escolher “Ativar sincronização de configurações''. Esse backup será bem útil quando o seu computador travar ou der algum bug.

Conhece alguma configuração que não citamos aqui? Conta pra gente no nosso Instagram ou LinkedIn!

Vamos cocriar, solicite uma proposta dos nossos especialistas