5 extensões úteis para o seu VS Code

[Danilo Duarte Ribeiro]

Se você é um dev que usa o VS Code, são grandes as chances de você ter várias extensões instaladas, afinal, qual o dev que não gosta de extensões no VS Code? 🤣

O tão conhecido editor de texto (talvez também uma IDE?) Visual Studio Code, da Microsoft, segundo a última pesquisa do Stack Overflow, domina sua categoria com quase 75% do mercado. E esse percentual não é à toa: apesar de ser criticado por ser um web app feito em Electron, o VS Code é um ótima solução tanto para desenvolvedores novos quanto para os experientes.

Mas sempre dá pra melhorar, não é verdade? 👀

Aqui vão 5 dicas de extensões para dar um boost no seu VS Code.

 

1. Wrap Console Log

A primeira extensão é para o dev de JavaScript e TypeScript de plantão que adoram usar o famoso `console.log` para debugar o código.

Essa extensão associa um atalho no teclado para logar uma variável de maneira fácil e rápida.

Basta selecionar o que você quer logar e apertar `Ctrl+Alt+W` + `W`.

Também há outras combinações de teclas que podem ajudar e é possível mudar todas elas da forma que preferir.

 

2. Reload

Uma extensão simples que adiciona um botão de recarregar na barra de status do seu VS Code, útil para quando algumas alterações exigem que ele seja reiniciado.

 

3. Code Spell Checker

Você é do tipo que às vezes comete erros de digitação e gasta algum tempo procurando onde errou? Essa extensão promete te ajudar com isso.

Ela funciona como um corretor ortográfico parecido com o do Microsoft Word, destacando palavras escritas errado e sugerindo alternativas.

Também é possível baixar dicionários de outros idiomas incluindo Português.

 

4. Duplicate action

Já precisou duplicar um arquivo e desejou que tivesse um botão “duplicar” ao invés de ter que copiar e colar? É um pequeno detalhe que essa extensão resolve.

Ela adiciona esse botão no menu de contexto ao clicar com o botão direito sobre uma pasta ou arquivo no VS Code.

 

5. Colorize

Uma forma simples de visualizar cores em arquivos de estilo como CSS, Sass, Less, etc.

 

BÔNUS: Paste JSON as Code

Uma extensão bem útil para criar interfaces e tipagens com base em JSONs. Pasta copiar o JSON, executar a extensão, digitar o nome que deseja para a interface ou tipo, e escolher a linguagem que deseja, podendo ser TypeScript, Python, Go, Ruby, C#, Java, etc.

É bom sempre dar uma conferida pois nem sempre é perfeito, mas ajuda muito especialmente se o JSON for muito grande.

 

O que achou dessas extensões? Qual você gostou mais? Você tem uma extensão favorita? Conte pra gente nos comentários. 😁