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.
Achei massa essa Camel Case Navigation!
Uma que gosto muito também é a TODO Tree É 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!
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 ?
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.
Gostei a extensão GitLens
Excelentes extensões. Parabéns pelo conteúdo.
Ó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
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.
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
muito bom !
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!
Eu adoro o GitHub Copilot, mas existem alguma alternativas gratuitas. Por exemplo o Captain Stack ou o Second Mate.
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.
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.
[salvo]