Anonim

O JavaScript é muito usado no desenvolvimento da Web, mas também para outras coisas, como aplicativos e desenvolvimento para dispositivos móveis. Um editor de texto simples pode ser tudo o que você precisa para CSS e HTML5, mas o JavaScript precisa de um pouco mais. Aqui está o que é amplamente considerado o melhor IDE JavaScript para desenvolvimento web no momento.

Um bom IDE JavaScript precisa ter alguns recursos importantes. Deve incluir ferramentas como o preenchimento automático de código, funções de lista, geração de código, refatoração, navegação inteligente, um depurador integrado e recursos de teste. Um bom IDE também incluirá tratamento de erros e exceções e complementos para expandir seu repertório.

Alguns dos IDE JavaScript nesta lista são premium, alguns são gratuitos, muitos são baixados no seu computador, mas alguns estão online. Todos eles são avaliados favoravelmente e parecem muito populares. Se você está procurando um novo IDE JavaScript para desenvolvimento web, um deles certamente será adequado.

Não sou programador, mas uma das minhas melhores amigas é, então usei o conhecimento dela para criar essa lista.

WebStorm

O WebStorm é um dos IDE JavaScript mais populares, se o número de downloads e avaliações positivas forem suficientes. Foi projetado desde o início para ser amigável e fácil de usar, e certamente parece ser. É compatível com JavaScript, HTML, CSS, Angular e Node.js, portanto, todas as bases são cobertas. Também é compatível com as estruturas Angular, React e Meteor e com os aplicativos de desenvolvimento móvel Cordova, PhoneGap e Ionic.

O WebStorm possui um ótimo utilitário de refatoração de código para que até novos codificadores possam gerar código organizado. Ele pode extrair variáveis, mover arquivos, concluir automaticamente e ajudar com parâmetros e funções. Se você é um codificador mais experiente, encontrará todas as ferramentas avançadas necessárias para criar aplicativos e recursos impressionantes.

O WebStorm não é gratuito e requer uma assinatura anual para ser usado.

Átomo

Atom é outro IDE JavaScript imensamente popular. É essencialmente um editor de texto que você pode usar em todos os recursos que precisar. Compatível com HTML, JavaScript, CSS e Node.js, o Atom foi desenvolvido no Electron, uma estrutura de plataforma cruzada que já provou seu valor na programação JavaScript.

A funcionalidade de plataforma cruzada é excelente para projetos colaborativos, enquanto o Gerenciador de Pacotes interno oferece a capacidade de adicionar muitos pacotes pré-criados ou criar seus próprios. Esse é um dos recursos mais valorizados do Atom, pois oferece enorme liberdade para configurar o IDE exatamente como você deseja usá-lo.

Outros recursos do Atom incluem o preenchimento automático, o navegador de arquivos, a localização e substituição, o fechamento automático de tags e um minimapa útil que mostra seu código em uma visão geral. O Atom tende a diminuir a velocidade ao trabalhar com arquivos maiores e, aparentemente, possui um vazamento de memória que pode causar atraso ao usá-lo. Fora isso, é altamente considerado.

Atom é livre para usar.

Codepen

Codepen se autodenomina o 'playground para o lado front-end da web'. É um daqueles IDE JavaScript on-line que mencionei acima e é muito bom no que faz. Ele funciona muito bem com HTML, CSS e JavaScript e funciona com CoffeeScript ou LiveScript. É útil tanto para iniciantes que desejam aprender código quanto para a revisão por pares, mas também para codificadores experientes que desejam criar em um ambiente de visualização ao vivo.

Existem muitas ferramentas CSS, HTML e JavaScript no Codepen. Você cria seu código em uma caneta usando alguns kits de ferramentas bastante poderosos, como o Emmet, para gerar rapidamente um código limpo. Você também pode usar as Ligações de teclas do Vim se as conhecer para geração rápida. Você também tem acesso às ferramentas e recursos usuais de código que você esperaria de um IDE instalado.

O principal benefício do Codepen é a comunidade. É uma comunidade muito grande e ativa que oferece ajuda, aconselhamento e revisão de código, idéias e muito mais.

Codepen tem uma versão gratuita e uma versão Pro.

Texto sublime 3

O Sublime Text 3 é apresentado na maioria das listas de bons IDE JavaScript. O que começou como um simples editor de texto evoluiu para um IDE completo que inclui muitas das ferramentas que você espera usar ao compilar seu código. É altamente personalizável, funciona em várias plataformas e gerencia Pacotes com facilidade.

A interface do usuário é simples, mas eficaz. Também funciona rapidamente. A instalação padrão contém muitas ferramentas que você usaria o tempo todo, mas o Gerenciador de Pacotes garante que você tenha todos os recursos necessários. Ele funciona com Emmet, Babel, SublimeLimiter e outros para ajudar a manter seu JavaScript limpo e arrumado.

Como o Codepen, um dos verdadeiros destaques do Sublime Text 3 é a comunidade. Eles não apenas criam plugins para o programa, mas também ajudam, revisam e oferecem todos os tipos de assistência e tópicos de discussão. Esses são os tipos de comunidades que levam você a acreditar que a humanidade ainda tem futuro.

O Sublime Text 3 é gratuito, mas custa US $ 70 para ser guardado.

NetBeans

O NetBeans começou a vida como uma ferramenta Java, mas se expandiu para incluir JavaScript e Node.js. Também funciona com HTML, CSS, PHP, JS, C / C ++, Python e outras linguagens. Ele funciona em uma máquina virtual Java, portanto, funciona na maioria dos sistemas operacionais e pode ser configurado da maneira que você desejar.

O NetBeans inclui a maioria das ferramentas e recursos que você esperaria, incluindo dobragem de código, formatação de código, ferramentas JSON, preenchimento automático de variáveis, referências de funções, funções de biblioteca, classes e muito mais para que você possa codificar rapidamente. Uma vez concluída, a função correta de depuração e correção de erros apontará quaisquer erros e até oferecerá dicas de onde outras otimizações podem ser encontradas.

O NetBeans também possui extensões legais do Chrome, que permitem uma depuração eficaz e a capacidade de editar fontes de dentro do navegador. Aparentemente, uma ferramenta muito útil.

O NetBeans é gratuito e de código aberto.

Como mencionei no topo, eu não sou um programador, então tive que me apoiar em um amigo programador para ajudar com este artigo. Enquanto as recomendações são dela, quaisquer erros ou erros são meus!

Tem outras sugestões para um bom IDE JavaScript? Conte-nos sobre isso abaixo, se você o fizer!

5 dos melhores ides javascript para desenvolvimento web