Executando verificação de segurança...
3

💻 5 Extensões extremamente úteis do VS Code

Extensões do VS Code extremamente úteis, que já fazem parte do meu dia a dia e aumentam minha produtividade.

Essa é minha "primeira" postagem aqui (mais ou menos. Fiz uma já, mas não fiquei satisfeito, e acabei removendo ela), então antes, vou me apresentar.

Meu nome é Davi (Bassani é meu sobrenome. Chamem como preferirem), tenho 17 anos, e atualmente sou desenvolvedor de aplicativos mobile (Android e IOS). Já trabalhei bastante com python e, há alguns meses, entrei na área de desenvolvimento de apps.
Vou aqui mostrar para vocês, 5 extensões do VS Code que acho de grande utilidade, e que uso no meu dia a dia. Algumas relacionadas diretamente ao código, e outras, que adicionam "funções extras" à IDE que está entre as mais utilizadas pelos devs. Bora dar uma olhada?

5 - Advanced New File

Nome: advanced-new-file
ID: patbenatar.advanced-new-file
Descrição: Create files anywhere in your workspace from the keyboard
Versão: 1.2.2
Editor: patbenatar
Link do Marketplace do VS: https://marketplace.visualstudio.com/items?itemName=patbenatar.advanced-new-file

Esta extensão é de grande utilidade, pois permite você navegar, criar e deletar arquivos, sem precisar tirar a mão dou teclado. É uma das quais ainda não virou um hábito meu utilizar, mas pode ter certeza de que, caso aprenda a usar, ela vai aumentar bastante sua agilidade ao navegar entre arquivos.

4 - Auto Rename Tag

Nome: Auto Rename Tag
ID: formulahendry.auto-rename-tag
Descrição: Auto rename paired HTML/XML tag
Versão: 0.1.10
Editor: Jun Han
Link do Marketplace do VS: https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag

Extremamente útil para quem usa html. Você não precisará mais de alterar tag por tag na hora de usar códigos html. Exemplo: Já teve que mexer num html, e demorar por ter que abrir a tag, escrever um texto, e fechá-la; aí, logo após, você quer alterar algo na tag, e tem que alterar a de abertura e a que fecha? Essa extensão resolve seu problema. Você altera apenas uma das tags, e ela já coloca a outra para você, de forma automática. Essa daqui, se não me engano, está também em um dos vídeos do Deschamps sobre extensões do VS Code.

3 - Error Lens

Nome: Error Lens
ID: usernamehw.errorlens
Descrição: Improve highlighting of errors, warnings and other language diagnostics.
Versão: 3.6.0
Editor: Alexander
Link do Marketplace do VS: https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens

Ao invés das linhas sublinhadas de vermelho, e ter que ficar esperando com o mouse em cima para ver qual é o erro, veja ele diretamente escrito na tela com esta extensão. Acredito que tenha quem não vá gostar por talvez um pouco de "poluição visual". Mas, eu, particularmente, acho que ela tem grande utilidade, e me ajuda no dia a dia a reparar mais facilmente nos erros de código.

2 - GitHub Copilot

Nome: GitHub Copilot
ID: GitHub.copilot
Descrição: Your AI pair programmer
Versão: 1.61.7372
Editor: GitHub
Link do Marketplace do VS: https://marketplace.visualstudio.com/items?itemName=GitHub.copilot

Sem dúvidas, uma das extensões mais impressionantes que já testei. Não tenho mais a oportunidade de usá-la, pois meu teste gratuito acabou. Mas, recomendo a todos que testem. É impressionante a forma como o copilot meio que "entende" seu código, e te ajuda a construí-lo. Ele consegue fazer coisas mais simples, desde completar uma sequência de números que você esteja escrevendo, até ler uma linha de comentário sua, e tentar construir em forma de código o que você pediu. É sensacional!

1 - Discord Rich Presence

Nome: Discord Rich Presence
ID: LeonardSSH.vscord
Descrição: Highly customizable Discord Rich Presence extension for Visual Studio Code
Versão: 5.0.13
Editor: leonardssh
Link do Marketplace do VS: https://marketplace.visualstudio.com/items?itemName=LeonardSSH.vscord

Por último, trago aqui uma extensão que é um Rich Presence para o discord. Permite que você configure o que quer, e o que não quer que os outros vejam que você está fazendo no vs code. Acho ele interessante, não só porque põe no seu perfil a sua atividade atual no código, mas também, porque, pensa comigo: você está em um server por exemplo, que é uma comunidade de programadores. Com este Rich Presence, as pessoas (caso você habilite), poderão ver sua atividade no código, e ficar interessadas no seu trabalho. Ou então, um amigo ver que você está trabalhando num projeto que começaram juntos, e abrir o vs code dele, para trabalhar junto. Não é a extensão mais útil da lista, mas acredito que tenha também sua utilidade, e é bem interesssante.

Fim

E aí, o que achou das extensões presentes aqui na publicação? Acha que ficou faltando alguma? Comenta para ajudar a incrementar o conteúdo aqui. Espero ter sido útil!

Carregando publicação patrocinada...
1

Uma extensão que conheci esse dias e salvou bastente do meu tempo foi a Thunder Client. Pra quem trabalha com API's e precisa ficar testando, é uma mão na roda poder fazer tudo dentro do vs code

1
1
1

3 - Error Lens

Além do ErrorLens, tem também o GitLens, que te permite ver informações sobre diretamente na linha de código sobre os commits passados, informa no começo do arquivo/classe quando foi a última alteração e quais autores já modificaram, e muito mais.

Vale a pena dar uma olhada também ^^

1
1

No VSCode já tem aquela aba do Git que também facilita, mas o GitLens agiliza d+
Dá uma olhada se não tem a ver com alguma atualização do VSCode, pode ser que com versão mais recente você consiga ativar novamente a extensão.

1
1

Algumas outras extensões úteis que podem ajudar vocês ao lado do Error Lens são:

  • Error Gutters: Ela coloca um mini sinalizadorzinho ao lado da linha mostrando se existe um warning ou erro na linha do código, ajuda a identificar o problema.

e a

  • Share Error: É uma extensão que te ajuda a compartilhar erros e warnings para pedir ajuda para outros programadores, ela comprime o código erro em um link url compartilhavél

Outra extensão ótima é a

  • Typescript Error Translator: Serve para explicar de uma maneira suave os erros no seu código typescript em uma linguagem human-readable de um jeito meio humanoide, chega a ser minimamente divertido até
1
1