Extensões e plugins úteis para IDEs
O que é uma extensão para IDEs?
[editar | editar código-fonte]Extensões ou plugins de uma IDE (Integrated Development Environment) são complementos que você pode adicionar à IDE para expandir suas funcionalidades, adaptar o ambiente de desenvolvimento às suas necessidades ou melhorar sua produtividade.
Antes de instalar qualquer extensão
[editar | editar código-fonte]Você deve entender que tudo tem um custo, inclusive extensões para IDE, não adianta baixar todas as que você acha "relevantes", eu tenho várias dicas para se tratar quanto à isso:
- Não instale muitas extensões: isso é uma má ideia, IDEs como o Visual Studio Code (VSCode) é leve e simples de se usar no seu estado padrão, porém, com muitas extensões, ele pode se tornar uma ferramenta pesada e inconsistente, com bastante problemas de performance, por isso, pesquise bem as extensões que irá usar, se quiser aprofundar em uma solução existem algumas:
- Criar 'perfis' diferentes, com extensões diferentes, para trabalhos diferentes
- Sempre revisar extensões não utilizadas
- Não priorizar extensões pesadas que só modificam a aparência da IDE (como de deixá-la transparente)
- Não instale extensões suspeitas: isso já se mostrou um problema antes, nem todas as extensões são seguras de se instalar, caso ela não seja tão popular e tenha poucos downloads (menos de 1000, por exemplo) suspeite e pesquise um pouco mais, é bom repensar se vale a pena o risco pelo o que ela oferece.
- Verifique se a sua IDE não tem uma função parecida com a extensão: isso acontece muitas vezes, mas as vezes a extensão tem várias opções para se mexer e com bastante poder para customizar, por preguiça as vezes baixamos uma extensão sem ver que não faz quase nada, além de ser um problema de performance é um desperdício que não tem muita base, eu gosto de estudar um pouco mais sobre a IDE antes de instalar uma extensão.
Como instalar extensões?
[editar | editar código-fonte]Irei colocar aqui algumas IDEs famosas e como instalar extensões nela, caso não ache a sua não se preocupe, procurando no site oficial da IDE provavelmente encontrará algum tutorial mais completo do que estão aqui, inclusive, caso tenha alguma dúvida, acesse o link associado à IDE de sua escolha.
- Abrir o Gerenciador de Extensões:
- No menu superior, vá em Extensions (ou Extensões) > Manage Extensions (ou Gerenciar Extensões).
- Procurar por extensões:
- Na aba que abrir, clique em Online (ou similar) no painel esquerdo.
- Use a barra de pesquisa para encontrar a extensão desejada.
- Instalar a extensão:
- Clique em Download ao lado da extensão desejada.
- Feche o Visual Studio e reabra para concluir a instalação.
- Acessar o Marketplace de Extensões:
- Clique no ícone de extensões na barra lateral esquerda (um bloco com quadrados empilhados).
- Ou pressione Ctrl+Shift+X (Windows/Linux) ou Cmd+Shift+X (macOS).
- Procurar extensões:
- Use a barra de pesquisa no topo para buscar extensões pelo nome ou funcionalidade.
- Instalar a extensão:
- Clique em Install no card da extensão que deseja adicionar.
- Algumas extensões podem requerer recarregar o VSCode.
Nesse caso é mais simples, pois todas as IDEs da JetBrains seguem o mesmo estilo, porém aqui em específico irei falar do Intellij IDEA
- Acessar o Gerenciador de Plugins:
- Vá até File > Settings (ou Ctrl+Alt+S) no Windows/Linux, ou Preferences (Cmd+,) no macOS.
- No menu lateral, selecione Plugins.
- Procurar por plugins:
- Na aba Marketplace, use a barra de pesquisa para encontrar plugins.
- Instalar o plugin:
- Clique em Install para o plugin desejado.
- Reinicie o IntelliJ IDEA, se necessário.
- Acessar o Eclipse Marketplace:
- No menu superior, vá até Help > Eclipse Marketplace.
- Procurar por plugins:
- Use a barra de pesquisa para encontrar plugins.
- Instalar o plugin:
- Clique em Go após a busca, depois em Install ao lado do plugin desejado.
- Siga as instruções do instalador.
- Reinicie o Eclipse para concluir a instalação.
Extensões úteis
[editar | editar código-fonte]- Extensões de suporte de linguagens: essa é uma categoria completa de extensões e não se pode limitar a só uma, IDEs como o VSCode não contam com um verdadeiro suporte à todo tipo de linguagens, o que é totalmente esperado, por isso, sem extensões de suporte fica bem mais complicado trabalhar com a IDE, com isso é seguro dizer que essa é a categoria mais importante de extensões que temos, assim colocarei listas de extensões como exemplo, essa lista nunca estará completa por definição, mas pesquisando na sua IDE é fácil perceber se ela tem ou não uma extensão que suporta a linguagem pedida.
- Prettier (várias IDEs) : extensão para javascript, typescript, HTML e CSS para deixar o 'código limpo', ou seja, formatar o seu código para se organizar melhor, é uma ferramenta que não depende da IDE mas claramente ajuda muito.
- Live Server (VSCode): extensão para VSCode no qual sua única função é rodar um servidor HTTP local para desenvolvimento, ou seja, com isso fica muito mais fácil trabalhar com HTML puro. Ele conta também com 'live reload', no qual baseia-se em recarregar a sua página do servidor local para corresponder às atualizações mais recentes do seu código.
- GitLens (VSCode) |GitToolBox (JetBrains IDEs) : essas duas extensões são essenciais para qualquer programador que trabalha com Git (que no caso deveria ser todo programador), elas contam com informações de quem trabalhou em que parte do código e quando, excelente para verificar o histórico de uma forma mais intuitiva.
- Vim (VSCode) | IdeaVim (JetBrains IDEs) : essas extensões muito semelhantes contam com uma funcionalidade muito simples de entender, adicionar atalhos do Vim (editor de texto bem completo) [1] no qual é bem útil de se aprender a usar por ter diversos atalhos e ser completamente customizável, excelente para quem quer aprender uma habilidade nova responsável por aumentar a produtividade o máximo o possível.
- TODO Highlight (VSCode): essa em particular é uma das minhas mais usadas, ao se comentar "TODO: ..." no seu código ele irá marcar e destacar essa linha para ser trabalhada depois, com isso fica mais fácil não se perder e se organizar para qualquer atualização que for necessária em um futuro próximo.
- Code Spell Checker (VSCode): essa extensão é uma funcionalidade bem comum em outras IDEs, porém no VSCode isso não é o caso, para isso conseguimos baixá-la para que ela verifique erros de ortografia no nosso código, isso é bem útil para quem sempre escreve "height" errado (como eu!).
- Regex Previewer (VSCode): para todos aqueles que tem dificuldade com Regex e gostaria de ter uma ferramenta para conseguir testar as atrocidades que o código pode ser tornar por causa deles, essa extensão é absolutamente essencial para caso você use Regex em algum momento da sua vida.
- IntelliCode (VSCode): essa extensão serve para autocompletar código com base em IA além de conseguir pesquisar 'snipets' de código com facilidade com casos reais para você finalmente aprender o que aquela função do Javascript está fazendo de verdade.
- Remote SSH (VSCode): essa é uma extensão excelente, no caso ela faz exatamente o que se pensa, executa código em outra máquina por SSH, um uso recorrente que tenho é quando preciso executar um código em um cenário diferente pela minha máquina só que em outra máquina, bem simples de se usar e configurar
- Temas para sua IDE: isso é um pouco controverso, mas eu particularmente acho incrivelmente necessário customizar a IDE para ficar exatamente do jeito que você quer, apesar de não ser considerado exatamente uma 'extensão' algumas IDEs não oferecem um jeito tão amigável de se customizar a mesma, por isso eu gosto de procurar por extensões para conseguir trabalhar com estilo, gosto bastante de procurar temas famosos que me agradem e colocar padronizado em muitas coisas no qual mexo junto, dessa forma trazendo um pouco de familiaridade, darei alguns exemplos:
- Catppuccino (Inúmeras IDEs): eu sou suspeito para falar, mas amo esse tema e existem diversas aplicações dele em vários lugares, dê uma olhada!
- Monokai Pro (VSCode & Sublime): infelizmente esse belíssimo tema só tem disponível para duas IDEs, mas mesmo assim, como o VSCode é muito usado, eu recomendo dar uma olhada.
- One Dark Pro (Várias IDEs): outro tema escuro, mas bem suave, com certeza vale a pena de se conferir, disponível em várias IDEs.
Considerações Finais
[editar | editar código-fonte]Existem várias extensões que podem ser consideradas 'úteis', porém elas tem usos muito específicos e aqui eu coloquei as minhas extensões favoritas no qual eu sempre devo ter para conseguir trabalhar, seu caso pode ser diferente, mas acredito que fui bem útil no quesito de educar sobre como funcionam as extensões e sua capacidade. Por favor, não se limite à minha lista totalmente limitada de extensões, mas procure extensões populares da sua IDE, pode ter percebido que boa parte dos exemplos foram exclusivos para o VSCode, isso não foi a toa, não é porque as outras IDEs não tem opções, mas é justamente porque várias delas já têm funcionalidades completas, não precisando daquela extensão em específico, por isso, o mais importante é customizar a sua IDE para o seu trabalho.