Article image
Pablo Miguel
Pablo Miguel09/12/2023 13:17
Compartilhe

As melhores extensões utilizadas no VS Code.

    1. Auto Close Tag: Fecha automaticamente tags HTML/XML, economizando tempo ao programar.
    2. Auto Rename Tag: Renomeia automaticamente a tag correspondente, mantendo consistência no código.
    3. Beautify: Formata o código-fonte para seguir convenções específicas, melhorando a legibilidade.
    4. Better Comments: Aprimora a organização dos comentários no código, permitindo destacar e categorizar diferentes tipos de comentários.
    5. Bracket Pair Colorizer: Coloriza os pares de colchetes, chaves e parênteses para facilitar a visualização e identificação de blocos de código.
    6. Code Runner: Permite executar código diretamente no editor para diversas linguagens de programação.
    7. Color Highlight: Destaca e reconhece automaticamente cores no código, facilitando a identificação visual.
    8. Dracula Official: Um tema visual para o VS Code com cores contrastantes e agradáveis.
    9. Portuguese (Brazil) Language Pack for Visual Studio Code: Traduz a interface do VS Code para o português do Brasil.
    10. Error Lens: Realça visualmente mensagens de erro diretamente no código, facilitando a identificação de problemas.
    11. ESLint: Identifica e corrige problemas de código JavaScript/TypeScript seguindo regras e padrões predefinidos.
    12. indent-rainbow: Coloriza o código para mostrar a indentação, facilitando a visualização das hierarquias.
    13. Guides: Adiciona linhas guias para facilitar a visualização de indentação e espaçamento no código.
    14. Live Server: Cria um servidor local para desenvolvimento web e atualiza automaticamente o navegador ao salvar o código.
    15. Marko Beautify: Ajuda a formatar o código da linguagem Marko, tornando-o mais legível e organizado.
    16. Material Icon Theme: Aplica ícones personalizados para diferentes tipos de arquivos no explorador de arquivos do VS Code.
    17. Prettier - Code formatter: Formata o código automaticamente para mantê-lo consistente e legível.
    18. Project Dashboard: Fornece um painel para gerenciar projetos e tarefas diretamente no VS Code.
    19. Rainbow Highlighter: Destaca sintaxe específica com cores do arco-íris para facilitar a leitura do código.
    20. Todo Tree: Mostra uma visualização de todas as tarefas (TODOs) presentes no código.
    21. Svg Preview: Permite visualizar arquivos SVG diretamente no VS Code.
    22. Sass/Less/Stylus/Pug/Jade/Typescript/Javascript Compile Her: Oferece suporte para compilar arquivos de várias linguagens diretamente no editor.
    23. Laravel Blade Snippets: Fornece snippets de código para facilitar o desenvolvimento em Blade, o sistema de template do Laravel.
    Compartilhe
    Comentários (1)
    Joyce Lameira
    Joyce Lameira - 09/12/2023 17:01

    Muito bacana seu Post.

    Seria legal se você adiciona-se os links dos plugins.

    Mas mesmo assim.

    parabéns pela iniciativa.