DEV Community

Cover image for 5 Extensões do VSCode para facilitar sua vida
Noriuki
Noriuki

Posted on

5 Extensões do VSCode para facilitar sua vida

Neste post, vou apresentar a vocês cinco extensões fantásticas do VSCode que podem aumentar significativamente sua produtividade.

1. Code Spell Checker

O Code Spell Checker é um salva-vidas para pegar aqueles erros de ortografia sorrateiros do seu código. Com um dicionário embutido e listas de palavras personalizáveis, ele garante que seu código não seja apenas funcional, mas também que esteja escrito corretamente.

O Code Spell Checker vem com o dicionário para inglês, porém é possível instalar para outras línguas como Português, Espanhol etc.

Exemplo - Code Spell Checker

2. Tabnine AI

Diga adeus à digitação interminável e olá à mágica do preenchimento de código. Esta extensão de preenchimento automático conta com uma inteligência artificial que aprende seus padrões de codificação e contexto, oferecendo sugestões de códigos que economizam tempo e reduzem erros.

Exemplo - Tabnine AI

3. Color Highlight

Trabalhando com CSS, SASS ou qualquer outra linguagem de folha de estilo? O Color Highlight vem para ajudar, exibindo visualmente as cores diretamente no seu editor de código. Esta extensão torna incrivelmente conveniente identificar e ajustar a paleta de cores no seu projeto.

Exemplo - Color Highlight

4. Indent Rainbow

A indentação do código pode parecer um assunto trivial, mas é crucial para manter a legibilidade. O Indent Rainbow serve como um auxilio visual, adicionando um toque de cor aos níveis de indentação do seu código. Facilitando a identificação de aninhamentos e a compreensão da estrutura do seu código.

Exemplo - Indent Rainbow

5. Auto Rename Tag

Se você está trabalhando linguagens baseadas em tags, vai apreciar a conveniência do Auto Rename Tag. Esta extensão atualiza automaticamente a tag de fechamento correspondente sempre que você renomeia uma tag de abertura, poupando-o do incômodo de ajustes manuais de tags e garantindo que seu código permaneça livre de erros.

O VSCode tem a configuração linkedEditing, porém atualmente não é tão funcional quanto a extensão citada.

Exemplo - Auto Rename Tag

Conclusão

Essas cinco extensões do VSCode podem levar a um aumento significativo na produtividade e na qualidade do código.

Você conhece alguma extensão que facilita o seu fluxo de trabalho e não foi mencionada na lista? Compartilhe nos comentários abaixo!

Top comments (0)