10 extensões do Visual Studio Code para facilitar o seu dia a dia.

Search for a command to run...

No comments yet. Be the first to comment.
Desenvolver uma aplicação web no Flutter já não é mais novidade, está presente dentro do Flutter desde 2021. Tivemos até uma certa desconfiança e uma real necessidade de evolução da plataforma. Mas como está o Flutter Web hoje, em 2023? Vale a pena u...

Tivemos um boom de pessoas migrando de carreira e sonhando em virar desenvolvedor. Existia uma promessa de que com alguns poucos meses de estudo, você já estaria empregado e até com um salário muito bom. Por algum tempo, podemos dizer que essa promes...

São diferentes tipos de desenvolvimento e diferentes áreas que você pode atuar. Já conhece quais caminhos você pode seguir nas áreas de TI? Desenvolvedor Este é o caminho mais comum, e geralmente, pode onde todos nós começamos. Um desenvolvedor é aqu...

Código não é tudo para um desenvolvedor. Se você quer se destacar na sua carreira precisa ter outras habilidades que vão muito além do técnico. Hoje vamos falar de algumas softskills bem importantes para os desenvolvedores. Comunicação Como desenvolv...

Sempre é bom ter um boilerplate pronto para o seu novo projeto. Mas você sabe o que é um boilerplate? O que é um boilerplate? Sempre que você começa um novo projeto, você repete o mesmo processo, certo? Por exemplo: instala o React, configura o NextJ...

devGo
42 posts
Atualmente o VSCode é um dos editores de textos mais usados por programadores por conta da sua alta e fácil customização, abaixo segue uma lista de 10 extensões que poderão facilitar o seu dia a dia de trabalho e nos estudos dentro do VsCode essas extensões vão desde deixar o código mais limpo a iniciar rodas um servidor online para arquivos html.
Atualmente no vscode existem várias extensões de arquivos que ajudam a gente a não precisar olhar somente a extensão do arquivo e deixam o ícone da extensão do arquivo e das pastas para uma melhor visualização, logo abaixo recomendarei algumas extensões que fazem esse papel:
Link para download: https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
Link para download: https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons
Link para download: https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme-icons
Os snipets estão aí para além de facilitar nossa vida adicionando certas estruturas previamente prontas, como, por exemplo, um switch case ou um laço for, pequenas estruturas que escrevemos várias e várias vezes durante o dia com uma simples palavra, ele já digita toda a estrutura básica e fica faltando você somente adicionar os dados necessários.
O git lens está aí para melhorar a usualidade do git dentro do vscode, podendo mostrar quem editou ou escreveu tal linha de código, mostrar uma worktree simplificada, poder ver de uma forma melhor os últimos commits feitos em determinado arquivo, além de muito mais.
Link para download: https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens
Para você que trabalha em equipe e precisa desenvolver com outro desenvolvedor simultaneamente, para auxiliar ou fazer um pair code. O live share permite exatamente isso. Com ele basta uma conta da microsoft ou do github você consegue "entrar" dentro do código na máquina do seu parceiro, assim podendo editar com ele o mesmo arquivo em simultâneo.
Link para downlod: https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare
Para você que utiliza uma linguagem com muitas chaves, colchetes e parênteses, essa extensão colore os fechamentos, assim deixando mais fácil localizar o início e o fim. Com isso você consegue se localizar melhor no seu código, além de ficar visualmente mais estético.
Link para download: https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2
São extensões que irá realizar a indentação do código para você, deixando mais limpo e bonito para que outras pessoas vejam. Além de que bem configurado você não terá problemas em ter que ficar arrumando o seu código a todo instante.
Link para download: https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
Link para download: https://marketplace.visualstudio.com/items?itemName=HookyQR.beautify
Polacode é uma extensão para que você possa printar determinada parte do código, assim ficando melhor para enviar para alguém. Essa extensão permite você também redimensionar o tamanho das linhas no próprio print.
Link para download: https://marketplace.visualstudio.com/items?itemName=pnp.polacode
Essa é uma extensão para que os TODO e FIXME no código fiquem mais fáceis de se verem, dando assim mais oportunidades para desenvolvedores resolverem problemas no código. Pois se algo está brilhando e chamando a atenção, o desenvolvedor não terá a desculpa que não enxergou o comentário.
Link para download: https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight
Essa extensão coloca um contorno da cor do código hexadecimal de cor em volta dos códigos hexadecimais de cores. Isso da mais liberdade pro desenvolvedor testar novas combinações de cores, já que não será necessário olhar na tela para ver qual cor é a daquele código hexadecimal.
Link para download: https://marketplace.visualstudio.com/items?itemName=naumovs.color-highlight

Essa extensão permite você criar um micro servidor http para códigos html deixando assim mais fácil a edição desses arquivos. Já que com esse micro servidor qualquer mudança feita no arquivo será modificada em tempo real na página.
Link para download: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer