Uma coleção com a melhor extensão VS Code para desenvolvedores JavaScript
Há alguns anos, tenho usado o conjunto Jetbrains de IDEs como PyCharm pro e WebStorm e, como esses são caros, sempre que os recomendo, as pessoas me sugerem mudar para o VS Code, porque é gratuito e incrível . Então, depois de algumas discussões no Reddit a esse respeito, prometi que experimentaria o VS Code por algumas semanas.
Alguns dos grandes argumentos de venda do VS Code (além do preço, GRATUITO) são as opções de customização e o ecossistema de plugins. Como eu queria ter uma ótima experiência durante meu teste, eu precisava de alguns plug-ins para melhorar meu jogo, então, novamente, no Reddit, fui sugerido uma tonelada deles e gostaria de falar hoje sobre esses plug-ins para VS Code que foram realmente incríveis.
Agora, ainda vou usar o PyCharm e o WebStorm em meus projetos porque é o que eu amo, uso-os há anos e eles me fornecem muito valor pelo dinheiro. Com isso dito, o VS Code me surpreendeu, foi muito fácil e rápido de usar e foi uma ótima experiência no geral.
ESLint
ESList é uma das extensões mais populares e amadas entre os desenvolvedores JS, sem dúvida. A extensão executa regras ESLint em seu código e integra o resultado dentro do editor. Ele permite detectar e corrigir rapidamente as invalidações de regras. É essencial para todos os desenvolvedores JS, pois ajuda a melhorar a produtividade e a qualidade do código.
Mais bonita
Prettier é um formatador de código opinativo que se integra ao VS Code, Visual Studio, Atom, Vim, Sublime Text e muitos mais. Esta pequena extensão útil torna seus códigos consistentemente formatados e adequadamente recuados e apresenta palavras-chave coloridas para um código mais legível.
Reduz o esforço de formatação e, assim, aumenta a produtividade. Ajuda a produzir alta legibilidade do código.
Quokka.js
Quokka.js fornece prototipagem JavaScript rápida em seu editor de código VS. É um playground ao vivo para JavaScript e TypeScript. É frequentemente chamado de bloco de notas moderno para desenvolvedores JS.
Você já quis tentar algo rápido e acabou no console do seu navegador para rodar JS? Ou você inicia o nodeprocesso em um terminal e tenta lá? O objetivo principal desta extensão é executar o código de forma rápida e conveniente no seu editor de código do VS.
Cliente REST
Cliente REST é uma extensão do VS Code que permite enviar uma solicitação HTTP e visualizar a resposta diretamente no VS Code.
É Postman for VS Code com a conveniência de ser integrado ao editor de código. Cliente REST suporta APIs REST e GraphQL
Debugger para Chrome
Depurar o JavaScript pode ser doloroso. O Chrome e outros navegadores oferecem ferramentas incríveis que ajudam você no trabalho. Ainda assim, muitas vezes são difíceis de trabalhar ou não fornecem uma ótima experiência geral, especialmente ao trabalhar com estruturas e muitas bibliotecas.
O Debugger for Chrome é uma extensão desenvolvida pela Microsoft que o ajuda a depurar seu código de maneira integrada para cada pequena alteração. O Debugger para o console do Chrome é muito poderoso quando se trata de descobrir de quais linhas e funções ocorrem o erro, até ver seu tratamento de dados.
Execute seu código no Chrome, depure em seu editor de código.
Live Server
Live Server permite que você inicie um servidor de desenvolvimento local com recurso de recarga ao vivo para páginas estáticas e dinâmicas. Isso pode não ser muito relevante para aqueles que trabalham com estruturas que já configuram o live-reload como o React, mas se você estiver trabalhando com outras páginas da web ou conteúdo estático, esta extensão é uma proteção ao vivo.
Live Share
Este é incrível, e não tenho certeza se há algo assim para WebStorm, mas permite que você compartilhe seu editor de código com outras pessoas. É perfeito para programação em pares, especialmente com o crescimento da popularidade de trabalhar em casa.
Eu usei e adorei.
Snippets de código JavaScript (ES6)
Como você viu até agora, muitas das extensões nesta lista são impulsionadores de produtividade, e JavaScrip (ES6) t Code Snippets não é exceção.
O título é bastante autoexplicativo. A extensão permite que você aumente sua produtividade trabalhando com um conjunto de snippet predefinido. Você pode personalizar os snippets para corresponder às suas preferências instalando outros pacotes ou construindo o seu próprio.
Baixar trechos de código JavaScript (ES6)
Babel JavaScript
JavaScript evoluiu muito nos últimos anos, e com a introdução de frameworks e bibliotecas como React, Flow, GraphQL, muitos novos tipos de “sintaxes” agora são permitidos.
O Babel JavaScript habilita o destaque de sintaxe para a nova sintaxe do JavaScript e essas “linguagens” particulares, mantendo seu editor de JavaScript funcionando com o que há de mais moderno e bonito.
One Dark Pro
Como desenvolvedores, passamos muito tempo na frente de nossos editores de código, por isso é crucial que estejamos satisfeitos com a estética disso. One Dark Pro é um tema para VS Code que o torna mais bonito e mais parecido com o que estou acostumado.