As 5 melhores extensões para desenvolvedores no Visual Studio Code

Photo by Safar Safarov

Que o VS Code é o xodó de uma grande parcela de desenvolvedores isso já é claro, porém, para afagar nossos corações e auxiliar nessa grande empreitada que é o dia a dia de desenvolver, existem uma imensidão de auxiliadores que podem ser utilizadas por nós. Hoje, vou apresentar a vocês as 10 melhores extensões na minha humilde opinião.

Git Graph

#PARACEGOVER: Este gif mostra as funcionalidades da extensão. Mostrando os traçados de linha do tempo de commits e também mostra o utilizador fazendo uso de algumas ferramentas dada pela própria extensão.

Imagine que você queira dar um:

git log --oneline --graph

Só que no terminal fica um pouco confuso interpretar toda aquela imensidão de letras e desenhos, não? Eu também acho e na busca interminável por algo que me auxiliasse nisso, eu encontrei esta extensão. Ela além de deixar toda a interpretação das branches melhor, também dá um toque mais elegante e auxilia com comandos do próprio Git sem precisar digitar uma linha de comando. Legal, não?

Veja mais sobre o Git Graph

Bracket Pair Colorizer

#PARACEGOVER: Imagem mostra um pedaço de código sendo destacado pelos sinais de chave em uma cor roxa. Toda a linha que representa o escopo daquela parte de código também é preenchida na mesma cor.

Você já sentiu uma certa dificuldade em se localizar no escopo que você está codando? Pegou algum projetinho onde o amiguinho não soube indentar muito bem e agora está um caos? Pois bem, seus problemas acabaram. O BPC, veio no intuito de auxiliar com isto, ele sinaliza com uma cor bem destoante toda a área do escopo atual que você se encontra, pode ser tanto por { } ou por [ ]. Você também pode configurar no settings.json do seu VS Code para ele identificar o escopo de < />, para te auxiliar quando for mexer com HTML.

Veja mais sobre o Bracket Pair Colorizer

Path Intellisense

#PARACEGOVER: Neste gif, mostra-se o uso da extensão buscando por um arquivo específico numa pasta.

Naquele seu emaranhado de pastas e subpastas, você já se sentiu perdido na hora de achar aquele bendito arquivo para você importar dentro do .js? Ou você teve que digitar um caminho inteiro de um arquivo simplesmente porquê o VS Code com o IntelliSense dele não conseguiu achar? Então, isso tem um fim. O Path Intellisense chegou pra te auxiliar nisso e você não vai mais perder aqueles 5 minutinhos só na procura daquela maldita imagem.

Veja mais sobre o Path Intellisense

CSS Peek

#PARACEGOVER: Neste gif, mostra-se o uso da extensão sendo que o usuário clica no nome da class HTML e ele é redirecionado para o arquivo de estilização na linha exata onde começa aquela regra.

Você já sentiu uma dificuldade ao tentar localizar uma regra de estilização em todo aquela imensidão do teu arquivo .css? Pois bem, o CSS Peek resolve todos estes problemas. Você simplesmente pode chegar no nome da class na tag exata dar um CTRL + Clique e você será redirecionado para o começo da regra de estilização em questão.

Veja mais sobre o CSS Peek

REST Client

#PARACEGOVER: Neste gif, mostra-se o usuário efetuando um HTTP Request utilizando a extensão, após realizada, aparece a resposta do servidor com todos os dados.

Você com certeza deve ser um usuário de ferramentas como Insomnia ou Postman, para poder manusear de forma performática suas APIs, estou errado? Pois bem, o REST Client chegou para que você possa deixar de lado estas ferramentas e manusear sua API diretamente do VS Code. Quase mágica, não? Exatamente! Eu pensei o mesmo. Além de ser extremamente fácil e intuitiva, ela auxilia muito na hora de produtividade.

Bem pessoal, eu espero que vocês tenham gostado deste pequeno texto, tentei reunir alguma das melhores extensões ao meu ver e que podem facilitar nem que seja um pouco na produtividade de vocês.