22 extensões úteis para um programador novato

2024 Autor: Malcolm Clapton | [email protected]. Última modificação: 2023-12-17 04:08

Extensões para Chrome e Visual Studio Code que facilitam muitas tarefas de codificação e economizam seu tempo.

Extensões do Chrome

1. WhatFont é uma maneira fácil de descobrir qual fonte é usada em um determinado site para encontrá-la e usá-la em seus projetos.

2. Pesticida é uma ferramenta para realçar contornos e modificações CSS. Útil ao dominar o modelo de layout de bloco.

3. Colorzilla é uma ferramenta para obter cores precisas de sites. Por conveniência, o código de cores é copiado diretamente para a área de transferência.

4. CSS Peeper é uma extensão para visualizar cores e recursos usados em sites: ilustrações, documentos de texto, arquivos de layout, arquivos de vídeo.

5. Wappalyzer é um utilitário que permite identificar sistemas de gerenciamento de conteúdo, estruturas, software de servidor, ferramentas analíticas e outras tecnologias usadas em sites.

6. As React Developer Tools são uma ferramenta útil para depurar aplicativos React.js.

7. Redux DevTools é uma ferramenta para depurar aplicativos usando Redux.

8. O Formatador JSON é uma extensão para simplificar a legibilidade do JSON com destaque de sintaxe, recuo e links clicáveis.

9. Vimeo Repeat and Speed é uma extensão simples para acelerar o serviço de vídeo do Vimeo, que é útil ao assistir a tutoriais em vídeo.

Extensões para código VS

10. Auto Rename Tag é uma extensão para renomear tags HTML. Quando você altera a tag de abertura, a tag de fechamento muda automaticamente.

11. Suporte HTML CSS - Suporte CSS para documentos HTML com destaque de sintaxe, conexão de arquivos CSS remotos e outros recursos úteis.

12. Os trechos de HTML são trechos prontos para economizar tempo.

13. Babel ES6 / ES7 é uma ferramenta de realce e verificação de sintaxe do Babel do JavaScript.

14. Bracket Pair Colorizer é uma ferramenta para colorir os colchetes de abertura e fechamento com cores específicas para encontrá-los rapidamente.

15. ESLint - Integração do ESLint no Visual Studio Code para verificar a qualidade do seu código e encontrar bugs.

16. Guias - adiciona linhas de guia adicionais ao seu código para facilitar a localização de elementos de abertura e fechamento.

17. JavaScript Console Utils é um utilitário para simplificar a criação de instruções console.log () úteis, incluindo a inserção rápida de código para registrar uma variável selecionada.

18. O verificador ortográfico de código é uma extensão para verificador ortográfico rápido de código.

19. GitLens é uma ferramenta útil para visualizar informações de histórico de código para que você possa rastrear quando as alterações foram feitas e por quem.

20. Path Intellisense é uma ferramenta para completar nomes de arquivos automaticamente conforme uma linha é inserida.

21. Prettier é uma extensão para formatação automática de código e que reúne suas várias seções em um único formulário.

22. Ícones VSCode - adicione ícones visuais à árvore de arquivos para facilitar a pesquisa e melhorar a percepção visual.

Claro, você não deve instalar tudo desta lista. Algumas dessas extensões podem ser chamadas de intercambiáveis, enquanto outras requerem experiência com ferramentas mais simples.