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

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

3

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

2
1
2

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)

2

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!

1
1

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!

1
1
1
1

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

1
1
1
1
1
1
1
1
1

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.

1
1

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

1

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.

1
1

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.

2

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

1

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

1
1
1

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.

1

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

1

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!

1
1
1
1

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.

3

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

1
1

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.

1
1

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.

1
1
1

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.

1
1
1