5 Extensões MARAVILHOSAS para o VSCode!

As extensões do vscode agregam muito para o editor de código e também para a produtividade dos programadores. Então, resolvi compartilhar minhas favoritas que melhoram meu desenvolvimento em várias áreas e de diversas maneiras.

Carbon

Uma das minhas favoritas! Carbon é uma extensão onde você pode selecionar um trecho do código, e a extensão prepara um "print mais bonito" do código selecionado para envio. Você também pode enviar um link com a imagem, alterando tema e linguagem.

Camel Case Navigation

Simples mas extremamente útil. Com essa extensão é possível navegar com o cursor facilmente utilizando ctrl ->, por exemplo. Muito útil para navegar por nomes de funções por exemplo

Thunder Client

APIs estão muito presentes no dia a dia dos programadores, para quem está desenvolvendo uma API a extensão Thunder Client é fundamental, uma vez que, é possível realizar as requisições http no próprio vscode

GitLens

Indispensável para quem usa git. Essa extensão extremamente poderosa, exibe em cada linha o autor do código, histórico e data de alteração.

Blackbox

A extensão mais legal que eu já vi no vscode. Está aprendendo alguma linguagem nova? Esqueceu como fazer algo simples? Escreva sua pergunta em um comentário, e adicione um ponto de interrogação e a extensão da uma ajudinha com um trecho de código. Exemplo: //How to center a div?

links: Carbon Camel Case Navigation Thunder Client Gitlens Blackbox

Sobre mim: Meu Portfolio Meu github

Post muito massa, José!! Pra dar uma complementada, aqui vai minha contribuição: Pra quem programa em Python, talvez seja uma boa instalar o Python Environment Manager, uma extensão muito útil pra quem usa virtualenv. Com ela dá pra manusear de forma muito fácil os ambientes virtuais que estão instalados na máquina, as versões do Python, e também visualizar os pacotes instalados em cada ambiente, assim como a versão de cada um. Screenshot mostrando a extensão Python Environment Manager

Achei massa essa Camel Case Navigation!

Essa é essencial, sempre minha primeira recomendação

Uma que gosto muito também é a TODO Tree image É bem prática e ajuda a se organizar, é só colocar um

//TODO: Alterar aqui depois de atualizar versão
//FIXME: Corrigir bug ao editar usuário

e as tags ainda são customizaveis, então se quiser criar uma outra como

//ARRUMAR_ISSO_AQUI: Tem que ajustar alguma coisa aqui
//PEDACO_DE_CODIGO_PRA_REFATORAR: Sinto que esse trecho pode ser melhor escrito
//NAMINHAMAQUINAFUNCIONA: Testar em prod pq não funciona

ele deixa livre, e organiza tudo pra ficar fácil de encontrar no código depois, além de ter um Highlight na tag (que também é configurável)

Faltou umas imagens para enriquecer o artigo e dar uma palhinha de como funciona cada uma das extensões. De qualquer maneira, muito obrigado pela contribuição!

Fiz um novo post adicionei mais extensões e com imagens agora kkkkk. não sabia fazer isso ainda, esse foi meu primeiro post, mas obrigado pela opnião

Ta ai uma coisa sensacional

Adoro as extensões, são um tesouro que temos no VS Code, sempre que tenho um tempo livre fico dando uma pesquisada! Obrigado por compartilhar isso!

Cara essa dos prints é sensacional! vlw!!! e seu portfolio é insano, poderia ensinar como fez ?

Simmm! O site do [Universo](https://josevictormoreno.github.io/projeto-universo/universe/today) é muito bommmmm!

Blackbox realmente parece ser interessante! post sensacional para muitos que estão atrás de extensões.

Uma que acho sensacional e gosto bastante é a ERROR LENS por Alexander, ela te avisa de erros/avisos na linha de código com uma faixa onde falta, as vezes podendo explicar melhor o que falta (não sei dizer quais linguagens ela funciona melhor e nem quantas suporta, mas vale bastante o teste).

Exemplos: Neste exemplo falta fechar um parentese ) na linha 29. image

Cara achei muito boa sua recomendação, criei um novo post e adicionei seu nome e a extensão la.

Gostei a extensão GitLens

Maravilha. VSCode é um vida.

Excelentes extensões. Parabéns pelo conteúdo.

Sobre o Carbon ele é bem semelhante a uma outra extenção chamada CodeSnap

Sim! Eu mesmo gosto muito, para aqueles que não se adaptarem tá ai uma boa alternativa.
Sabe me dizer se rola de utilizar no Sublime Text?

Ótimas dicas de extensões. Quem precisa de Copilot quando temos Blackbox e Captain Stack.

Valeu pelo post, meu consagrado. Esse Camel Case Navigation com certeza vai me ser uma mão na roda.

Pra capturar trechos de código de uma forma mais "esteticamente agradável" eu utilizo o CodeSnap. Tem exatamente a mesma proposta do Carbon, porém a imagem é gerada usando o mesmo tema do seu VSCode e é possível copia-la para compartilhar sem necessariamente salvar. Fica como mais uma alternativa para que se interessar.

Live server eu acho muito boa também, ele atualiza em tempo real e dá de vê as mudanças o que você faz no código no navegador.

Deixo aqui minha sugestão: Mintlify Doc Writer. Ele consegue gerar documentações (TSDoc por exemplo) de trechos de código selecionado para diversas linguagens

Como é bom descobrir uma extensão nova que seja útil. Dessa lista a que eu desconhecia e que me interessou foi Camel Case Navigation.

Depois de alguns anos usando VSCode cada dev já tem suas extensões preferidas e achar boas novidades vai ficando raro.

Parabéns pela recomendação.

Eu uso o carbon, principalmente pra compartilhar em redes sociais, acho topzera demais! Legal as outras opções tbm

Excelentes sugestões! Eu só tenho uma ressalva com o Carbon. Não acho legal guardar informação textual como imagem. Meio que perde a funcionalidade de compartilhar o código se vc faz isso através de uma imagem. Perde na indexação de ferramentas de busca e perde na facilidade pra copiar os snippets e usar/testar.

Você também pode gera um link com ela, lá é possível copiar o código, alterar a linguagem e tema. Mas acredito que a função principal é gerar um print agradável para as redes sociais
Exato, é a mesma coisa do codeSnap magina que vc quer postar um código no tt, ficaria muito melhor em uma imagem toda organizada com o tema que você usa no seu vsCode do que em texto puro

Uma extenção que tabém acho que vale a pena citar é Tabnine AI Autocomplete

É uma extenção que ajuda a codar, principalmente para iniciantes, pois ela vai exibindo as coisas sem ser muito intrusivo

Sou um entusisata das extensões, adoro todo tipo de extensão que melhore nossa performance. Ótimo post 👏👏

Caramba, esse Carbon aí é massa mesmo, valeu pela sugestão!! Tem vários sites que dá pra fazer essa estilização do código mas ter uma ferramenta integrada ao Vscode ajuda demais.

Adoro estas extensões que, mesmo parecendo fazer coisas tão 'bobas', facilitam pra caramba quem passa 25 horas por dia lidando com código... rs

Minha colaboração pro post é a extensão "Turbo Console Log" (pra galera do JS)

Com ela, você seleciona a variável que quer, aperta CRTL + Alt + L e ela gera um console.log da variável selecionada com o nome dela, o valor dela, o caminho do arquivo e a linha.

Dá pra configurar a saída do atalho, trocar os atalhos e também configurar um atalho para retirar de uma vez todos os CONSOLOGS pra não reclamarem disso quando você subir a PR hehe

Eu usei o github pilot por alguns meses quando ele foi lançado, depois ele ficou pago.

Esse Blackbox parece uma alternativa interessante e sem custo, irei testar, muito obrigado pela indicação!

Achei interessante a extensão BlackBox.

Muito obrigado pelas indicações meu nobre.

Eu adoro o GitHub Copilot, mas existem alguma alternativas gratuitas. Por exemplo o Captain Stack ou o Second Mate.

Gostaria só de lembrar que o Github Copilot é pago, o Captain Stack não é exatamente o mesmo que o Copilot (ele facilita a pesquisa no Stackoverflow mas não sugere o código com base no código que você está escrevendo) e o Second Mate é pra emacs, não pro VsCode.
Se vc tiver algum e-mail de estudante (terminado em `.edu`), vc pode vinculá-lo ao perfil do Github e fazer a solicitação do Github Education. Com ele, dá pra usar o Copilot de graça
Otima dica, não sabia dessa possibilidade. Infelizmente eu não tenho um e-mail .edu.
Certo, eu usei quando era Free e agora pago para usar porque me ajuda em tarefas rotineiras e repetitivas. Deixei essas 2 opçoes como alternativas gratuitas, mas claro que não é igual. Até ao momento não enconteri nada nem perto.

Passei a utilizar o VS Code em substituição ao Replit, essa matéria será de grande valia! Gratidão.

Muito obrigado por compartilhar suas extensões favoritas para o VSCode! Eu também sou usuário do editor e acho que as extensões podem fazer toda a diferença na produtividade. Eu particularmente gostei muito das suas indicações de Carbon, Camel Case Navigation e GitLens, pois acredito que elas realmente agregam muito no desenvolvimento de códigos. Eu também nunca tinha ouvido falar da extensão Blackbox, mas acho que ela pode ser muito útil para quem está aprendendo uma linguagem nova. Obrigado novamente por compartilhar essas dicas conosco!

Este comentário foi gerado por uma inteligência artificial. Para saber mais, leia esta publicação.

Poderia existir algum tutorial para utilizar. confesso que quando li achei legal mas na pratia nao rolou.

Posso criar um tutorial. Quais extensões você não conseguiu utilizar?

O VScode tem extensões muito boas mesmos.

Para quem trabalha com DOCKER e WLS sugiro os plugins "DOCKER" e "WSL" rsrs. Com estes dois, você consegue abrir o VSCODE de dentro do container.

Ele também cria uma integração muito legal, mostrando os containers em execução e o explorador remoto do WSL mostrandos as distros caso você tenha mais de uma.

Fiz um novo post, adicionei mais algumas extensões muito legais, se quiser ver tai o [link](https://www.tabnews.com.br/josevictormoreno/mais-extensoes-maravilhosas-para-o-vscode)
Seu post com imagens anexo ficou show parabéns!!!!