{"id":12453,"date":"2021-08-19T16:09:13","date_gmt":"2021-08-19T19:09:13","guid":{"rendered":"https:\/\/geekblogti.wpengine.com\/?p=12453"},"modified":"2024-10-16T14:35:53","modified_gmt":"2024-10-16T17:35:53","slug":"ide-javascript","status":"publish","type":"post","link":"https:\/\/www.geekhunter.com/pt/blog\/ide-javascript\/","title":{"rendered":"7 IDEs de Javascript para usar em 2022: vantagens e desvantagens"},"content":{"rendered":"\r\n<p class=\"wp-block-paragraph\">Para aumentar a sua produtividade na hora de codar em JS, trouzemos uma <strong>sele\u00e7\u00e3o de IDEs <a href=\"https:\/\/www.geekhunter.com\/pt\/blog\/qual-a-diferenca-entre-java-e-javascript\/\">Javascript<\/a><\/strong> que v\u00e3o te ajudar muito!<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">JavaScript (JS) \u00e9 a linguagem mais popular de desenvolvimento para web. Ela funciona muito bem com CSS e HTML, que juntos podem produzir aplica\u00e7\u00f5es front-end incr\u00edveis.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Uma linguagem t\u00e3o popular assim deve ter uma s\u00e9rie de IDEs, frameworks e editores dispon\u00edveis para uso, certo?<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">E essa alta oferta de ferramentas pode ser excelente (existem IDEs para todo gosto) e tamb\u00e9m confusa.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">S\u00e3o muitas op\u00e7\u00f5es e muitas funcionalidades, ent\u00e3o, para n\u00e3o ficar ansioso(a) e travar na hora da escolha, d\u00ea uma olhada nas nossas <strong>dicas para descobrir como escolher a melhor IDE de JavaScript para voc\u00ea<\/strong>.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-o-que-e-um-ide\"><strong>O que \u00e9 um IDE<\/strong><\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Um IDE (ou Ambiente de Desenvolvimento Integrado) \u00e9 um software que te permite codar com muitos recursos extras al\u00e9m de simplesmente digitar suas linhas de c\u00f3digo.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><strong>Com IDEs, voc\u00ea pode editar, modificar, debugar, executar e implantar seu c\u00f3digo.<\/strong><\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Os IDEs v\u00eam com muitos recursos extras, como o preenchimento autom\u00e1tico de texto, por exemplo, dando mais flexibilidade para o usu\u00e1rio.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Com a ajuda de IDEs, voc\u00ea pode aumentar a sua produtividade. Existem muitos IDEs na Internet e, felizmente, muitos deles s\u00e3o de c\u00f3digo aberto.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Nesta lista de IDE Javascript, pr\u00e9-selecionei 4 de c\u00f3digo aberto e 4 premium (pagos).<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Todos eles est\u00e3o no top 10 da lista de IDEs para JavaScrip cujos dowloads foram mais procurados entre 2020 e 2021, conforme a pesquisa anual da Github.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"637\" height=\"441\" class=\"wp-image-12462\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/08\/top-10-ide-javascript.png\" alt=\"Uma lista com os melhores IDEs do mercado de tecnologia\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/08\/top-10-ide-javascript.png 637w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/08\/top-10-ide-javascript-150x104.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/08\/top-10-ide-javascript-100x69.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/08\/top-10-ide-javascript-600x415.png 600w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/08\/top-10-ide-javascript-450x312.png 450w\" sizes=\"(max-width: 637px) 100vw, 637px\" \/>\r\n<figcaption>Fonte: <strong><a href=\"https:\/\/pypl.github.io\/IDE.html\">TOP IDE index (pypl.github.io)<\/a><\/strong><\/figcaption>\r\n<\/figure>\r\n\r\n\r\n\r\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\r\n<p><strong><a href=\"https:\/\/www.geekhunter.com\/pt\/blog\/introducao-ao-javascript-numeros-e-objetos\/\">Introdu\u00e7\u00e3o ao JavaScript<\/a><\/strong>: n\u00fameros e objetos<\/p>\r\n<\/blockquote>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-diferencas-entre-ide-e-editores-de-codigo\"><strong>Diferen\u00e7as entre IDE e editores de c\u00f3digo<\/strong><\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Usar um IDE \u00e9 prefer\u00edvel em rela\u00e7\u00e3o aos editores de c\u00f3digo por conta da capacidade dos IDEs de debugar (ou depurar) o c\u00f3digo.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Al\u00e9m disso, os IDEs fornecem suporte para sistemas ALM (<strong><a href=\"https:\/\/pt.wikipedia.org\/wiki\/Application_lifecycle_management#:~:text=Gerenciamento%20de%20Ciclo%20de%20Vida,c%C3%B3digo%2C%20gerenciamento%20de%20mudan%C3%A7as%2C%20gerenciamento\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><em>Application Lifecycle Management<\/em><\/a> <\/strong>ou Gerenciamento de Ciclo de vida de aplicativos).<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Resumindo, um IDE pode fornecer os seguintes benef\u00edcios:<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Um editor de c\u00f3digo-fonte (mostra erros de sintaxe enquanto voc\u00ea digita);<\/li>\r\n<li>Depurador (pra debugar o c\u00f3digo);<\/li>\r\n<li>Compilador e interpretador;<\/li>\r\n<li>Automa\u00e7\u00e3o de compila\u00e7\u00e3o (cria\u00e7\u00e3o de scripts de automa\u00e7\u00e3o de diversas tarefas, como documenta\u00e7\u00e3o, por exemplo);<\/li>\r\n<li>Grifa ou destaca a sintaxe;<\/li>\r\n<li>Acesso r\u00e1pido para a defini\u00e7\u00f5es de classe ou m\u00e9todo;<\/li>\r\n<li>Oferece atalhos para facilitar o acesso;<\/li>\r\n<li>Interface de usu\u00e1rio f\u00e1cil de usar;<\/li>\r\n<li>Muitas bibliotecas de c\u00f3digo;<\/li>\r\n<li>Fun\u00e7\u00e3o de preenchimento autom\u00e1tico do c\u00f3digo;<\/li>\r\n<li>Suporte para diferentes linguagens de programa\u00e7\u00e3o;<\/li>\r\n<li>Trabalho em nuvem;<\/li>\r\n<li>Desenvolvimento mobile.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">No entanto, hoje a diferen\u00e7a entre editores de c\u00f3digo-fonte e IDEs \u00e9 t\u00eanue, j\u00e1 que existem editores de c\u00f3digo que passaram a oferecer, aos poucos, funcionalidades semelhantes \u00e0s dos IDEs.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-como-escolher-uma-ide-javascript\"><strong>Como escolher uma IDE<\/strong> Javascript<\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Para fazer uma boa escolha, \u00e9 preciso ter bem definido <strong>o que \u00e9 importante para voc\u00ea e para o projeto em que vai trabalhar<\/strong>.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Voc\u00ea coda sozinho(a) ou em grandes equipes? Que tipos de funcionalidade est\u00e3o na sua lista de mais relevantes? Voc\u00ea prefere um IDE de c\u00f3digo aberto ou n\u00e3o?<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">J\u00e1 falamos das vantagens de usar um IDE, mas e as desvantagens? Existe alguma?<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Sim. Basicamente, por serem softwares extremamente complexos e pesados, eles demandam muito do hardware (precisam de muita mem\u00f3ria tanto para serem instalados quanto para rodar).<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><strong>Ent\u00e3o dependendo das suas condi\u00e7\u00f5es de trabalho, pode ser melhor usar um editor de c\u00f3digo, que costumam ser programas mais leves (e gratuitos).<\/strong><\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Alguns <strong><a href=\"https:\/\/www.geekhunter.com\/pt\/blog\/o-que-e-um-especialista-em-ti-e-que-faz\/\">desenvolvedores<\/a><\/strong> listam como desvantagem as ferramentas pagas, mas existem \u00f3timos IDEs de c\u00f3digo aberto, \u00e0s vezes at\u00e9 da mesma empresa, como o Visual Studio (pago) e o Visual Studio Code (gratuito), que s\u00e3o ambos da Microsoft e est\u00e3o no top 3 de IDEs mais procurados.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><strong>Um ponto de aten\u00e7\u00e3o<\/strong>: algumas facilidades, como o preenchimento autom\u00e1tico, podem tornar o desenvolvedor(a) dependente da ferramenta, se n\u00e3o tomar cuidado.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">O IDE deve te economizar tempo para que voc\u00ea possa estudar mais e se tornar mais criativo(a).<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">As listas de vantagens e desvantagens dos IDEs a seguir foram compiladas com base nas opini\u00f5es de alguns <strong><a href=\"https:\/\/www.geekhunter.com\/pt\/blog\/o-que-um-profissional-de-ti-faz\/\">desenvolvedores<\/a><\/strong>, iniciantes e experientes, al\u00e9m das especifica\u00e7\u00f5es descritas pelos pr\u00f3prios fornecedores de cada software.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Muitas das funcionalidades deles s\u00e3o as mesmas, especialmente as b\u00e1sicas, como destaque de sintaxe, depura\u00e7\u00e3o, extens\u00e3o por meio de plugins, refatora\u00e7\u00e3o, etc. <strong>A quest\u00e3o aqui ser\u00e1 a qualidade x usabilidade que cada um oferece.<\/strong><\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Se voc\u00ea tiver uma experi\u00eancia pessoal com algum desses ambientes ou quiser falar sobre outro, sinta-se \u00e0 vontade fazer um coment\u00e1rio \ud83d\ude01<\/p>\r\n\r\n\r\n\r\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\r\n<p><strong><a href=\"https:\/\/www.geekhunter.com\/pt\/blog\/javascript-standard-style\/\" target=\"_blank\" rel=\"noreferrer noopener\">JavaScript Standard Style: melhores pr\u00e1ticas em JS<\/a><\/strong><\/p>\r\n<\/blockquote>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-ide-javascript-gratuitos\">IDE Javascript gratuitos<\/h2>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-eclipse\">Eclipse<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.eclipse.org\/downloads\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Download Eclipse<\/strong><\/a><\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li><strong><em>Empresa:<\/em><\/strong> IBM (autora original)\/Eclipse Foundation<\/li>\r\n<li><strong><em>Plataformas:<\/em><\/strong> Windows, Linux, MacOS, Solaris<\/li>\r\n<li><strong><em>C\u00f3digo aberto:<\/em><\/strong> sim<\/li>\r\n<li><strong><em>Ano de desenvolvimento:<\/em><\/strong> 2001<\/li>\r\n<li><strong><em>Linguagens:<\/em><\/strong> inicialmente foi constru\u00eddo apenas para Java, mas hoje trabalha muito bem com plugins para <strong>JavaScript<\/strong>, C, C++, PHP, Python, Kotlin, e mais<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\" id=\"h-vantagens\">Vantagens:<\/h4>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>\u00d3timo gerenciamento de projetos (Aplication Lifecycle Management);<\/li>\r\n<li>Quase todos os pacotes suportam integra\u00e7\u00e3o com Git;<\/li>\r\n<li>Destaque de sintaxe edit\u00e1vel;<\/li>\r\n<li>Depura\u00e7\u00e3o de alto n\u00edvel (debugging);<\/li>\r\n<li>Bom preenchimento autom\u00e1tico;<\/li>\r\n<li>Programa\u00e7\u00e3o em v\u00e1rias linguagens como Java, JavaScript, PHP, C, C++, C#, Ruby, Phyton, Haskel, Cobol, e muitas outras;<\/li>\r\n<li>Ambiente flex\u00edvel por ser modular;<\/li>\r\n<li>Capacidade de integrar JUnit;<\/li>\r\n<li>Depura\u00e7\u00e3o remota (ao usar JVM);<\/li>\r\n<li>Declara\u00e7\u00e3o de vari\u00e1veis, classes e m\u00e9todos;<\/li>\r\n<li>Desenvolvimento de uma vers\u00e3o completa do projeto principal .net sem sair do IDE;<\/li>\r\n<li>Projetos constru\u00eddos com o MS test e xUnit podem ser executados diretamente no IDE;<\/li>\r\n<li><strong>\u00c9 o IDE gratuito mais usado hoje!<\/strong><\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\" id=\"h-desvantagens\">Desvantagens:<\/h4>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Alguns iniciantes podem se assustar com a quantidade de possibilidades;<\/li>\r\n<li>Alguns plugins nem sempre v\u00e3o funcionar muito bem, ent\u00e3o escolha os mais bem estabelecidos na comunidade;<\/li>\r\n<li>Muitas das altera\u00e7\u00f5es precisam de um reboot para funcionar.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-visual-studio-code\">Visual Studio Code<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><strong><a href=\"https:\/\/code.visualstudio.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Download VS Code<\/a><\/strong><\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li><strong><em>Empresa:<\/em><\/strong> Microsoft<\/li>\r\n<li><strong><em>Plataformas:<\/em><\/strong> Windows, Linux, MacOS<\/li>\r\n<li><strong><em>C\u00f3digo aberto:<\/em> <a href=\"https:\/\/github.com\/microsoft\/vscode\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">sim<\/a><\/strong><\/li>\r\n<li><strong><em>Ano de desenvolvimento:<\/em><\/strong> 2015<\/li>\r\n<li><strong><em>Linguagens:<\/em><\/strong> mais de 30 linguagens de programa\u00e7\u00e3o, como Java, <strong>JavaScript<\/strong>, C#, C++, PHP, SQL, R, Python, TypeScript, JSON, XML etc.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\" id=\"h-vantagens-1\">Vantagens:<\/h4>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>ASP.NET 5 e Node.js, al\u00e9m de uma \u00f3tima integra\u00e7\u00e3o com WSL;<\/li>\r\n<li>Bom depurador;<\/li>\r\n<li>Suporte para um terminal dentro da janela;<\/li>\r\n<li>Destaque de sintaxe;<\/li>\r\n<li>Trabalha diretamente com o Github;<\/li>\r\n<li>Bom preenchimento autom\u00e1tico (IntelliSense);<\/li>\r\n<li>Vem praticamento zerado ao baixar, o que o torna leve!;<\/li>\r\n<li>Trabalho remoto colaborativo;<\/li>\r\n<li>Controle de vers\u00f5es.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\" id=\"h-desvantagens-1\">Desvantagens:<\/h4>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Minimalista, pode n\u00e3o ser adequado para projetos muito grandes;<\/li>\r\n<li>Para ter suporte a uma linguagem n\u00e3o suportada nativamente, \u00e9 necess\u00e1rio procurar extens\u00f5es na store e configurar manualmente;<\/li>\r\n<li>As ferramentas de debugar poderiam ser melhores;<\/li>\r\n<li>Interface pode assustar iniciantes.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><strong>B\u00f4nus:<\/strong> Vou recomendar, como extra, algumas extens\u00f5es interessantes para Javascript usando <strong>VsCode<\/strong>:<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li><strong><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=dbaeumer.vscode-eslint\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">ESLint:<\/a><\/strong> \u00e9 uma \u00f3tima extens\u00e3o que lhe ajuda a encontrar erros de padr\u00e3o de c\u00f3digo e for\u00e7a voc\u00ea a seguir uma conven\u00e7\u00e3o de c\u00f3digo adotada.<\/li>\r\n<li><strong><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=ritwickdey.LiveServer\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">LiveServer<\/a><\/strong>: est\u00e1 extens\u00e3o cria um servidor de desenvolvimento, que recarrega a cada altera\u00e7\u00e3o feita. Ela funciona tanto para arquivos est\u00e1ticos e arquivos do lado servidor.<\/li>\r\n<li><strong><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=steoates.autoimport\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Auto Import:<\/a><\/strong> O nome j\u00e1 \u00e9 auto explicativo, ela procura no projeto, analisa e inclui.<\/li>\r\n<li><strong><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=xabikos.JavaScriptSnippets\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Snippets<\/a><\/strong>: Snippets s\u00e3o recursos \u00fateis para escrita de c\u00f3digos repetitivos. Este recurso voc\u00ea encontra nas outras IDES aqui citadas tamb\u00e9m.<\/li>\r\n<li><strong><a href=\"https:\/\/marketplace.visualstudio.com\/items?itemName=esbenp.prettier-vscode\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Prettier<\/a><\/strong>:\u00a0 O Prettier facilita sua vida formatando seu c\u00f3digo em JS\/TypeScript\/CSS e HTML.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-netbeans\">NetBeans<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/netbeans.apache.org\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Download Netbeans<\/strong><\/a><\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li><strong><em>Empresa:<\/em><\/strong> Oracle (adquirido em 2010)<\/li>\r\n<li><strong><em>Plataformas:<\/em><\/strong> Windows, Linux, macOS, BSD, Solaris<\/li>\r\n<li><strong><em>C\u00f3digo aberto:<\/em><\/strong> sim<\/li>\r\n<li><strong><em>Ano de desenvolvimento:<\/em><\/strong> 2000<\/li>\r\n<li><strong><em>Linguagens:<\/em><\/strong> inicialmente foi constru\u00eddo apenas para Java, mas hoje trabalha muito bem com <strong>JavaScript<\/strong>, PHP, Python, HTML5, CSS3 e mais<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\" id=\"h-vantagens-2\">Vantagens:<\/h4>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Destaque de sintaxe;<\/li>\r\n<li>\u00d3tima refatora\u00e7\u00e3o;<\/li>\r\n<li>Busca autom\u00e1tica por erros;<\/li>\r\n<li>Interface intuitiva (fun\u00e7\u00e3o arrastar e soltar);<\/li>\r\n<li>Bibliotecas din\u00e2micas e est\u00e1ticas;<\/li>\r\n<li>Capacidade de desenvolvimento remoto;<\/li>\r\n<li>Suporte Qt;<\/li>\r\n<li>Suporta v\u00e1rios compiladores, incluindo CLang \/ LLVM, Cygwin, GNU, MinGW e Oracle Solaris Studio;<\/li>\r\n<li>Rastreamento de problemas integrado com Jira e Bugzilla;<\/li>\r\n<li>Possibilidade de pesquisar tarefas, salvar pesquisas, atualizar e resolver tarefas em seu reposit\u00f3rio de registros.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\" id=\"h-desvantagens-2\">Desvantagens:<\/h4>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Precisa de muita mem\u00f3ria, ent\u00e3o pode ficar lento em algumas m\u00e1quinas ou projetos grandes;<\/li>\r\n<li>Pop-ups irritantes.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-atom-um-ide-javascript\">Atom, um IDE Javascript<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/atom.io\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Download Atom<\/strong><\/a><\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li><strong><em>Empresa:<\/em><\/strong> Github<\/li>\r\n<li><strong><em>Plataformas:<\/em><\/strong> Windows, Linux, MacOS<\/li>\r\n<li><strong><em>C\u00f3digo aberto:<\/em><\/strong> <a href=\"https:\/\/gitbox.apache.org\/repos\/asf?p=netbeans.git\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>sim<\/strong><\/a><\/li>\r\n<li><strong><em>Ano de desenvolvimento:<\/em><\/strong> 2015<\/li>\r\n<li><strong><em>Linguagens:<\/em><\/strong> <strong>JavaScript<\/strong><\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><strong><em>Vantagens:<\/em><\/strong><\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Altamente integrado com o Github;<\/li>\r\n<li>\u00d3timo para projetos grandes e complexos;<\/li>\r\n<li>Busca autom\u00e1tica por erros;<\/li>\r\n<li>Facilidade para instalar novos plugins;<\/li>\r\n<li>Exibi\u00e7\u00e3o permanente de todos os arquivos do projeto;<\/li>\r\n<li>Divis\u00e3o r\u00e1pida das janelas de c\u00f3digo;<\/li>\r\n<li>Possui mais de 2000 pacotes e 600 temas para customiza\u00e7\u00e3o (a pesquisa pode ser feita dentro do IDE);<\/li>\r\n<li>Bom preenchimento autom\u00e1tico;<\/li>\r\n<li>Aceita trabalho colaborativo nos arquivos de um projeto.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\" id=\"h-desvantagens-3\">Desvantagens:<\/h4>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Exige muito do hardware, ent\u00e3o pode ser lento se o usu\u00e1rio n\u00e3o souber administrar.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\r\n<p><a href=\"https:\/\/www.geekhunter.com\/pt\/blog\/frameworks-javascript-e-bibliotecas-java\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>10 frameworks e bibliotecas JavaScript<\/strong><\/a> mais importantes do mercado<\/p>\r\n<\/blockquote>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"h-ide-javascript-premium\">IDE Javascript Premium<\/h2>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-visual-studio\">Visual Studio<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/visualstudio.microsoft.com\/pt-br\/vs\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Download Visual Studio<\/strong><\/a><\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li><strong><em>Empresa:<\/em><\/strong> Microsoft<\/li>\r\n<li><strong><em>Plataformas: <\/em><\/strong>Microsoft, Linux, MacOS<\/li>\r\n<li><strong><em>C\u00f3digo aberto: <\/em><\/strong>n\u00e3o<\/li>\r\n<li><strong><em>Ano de desenvolvimento:<\/em><\/strong> 1997<\/li>\r\n<li><strong><em>Linguagens:<\/em><\/strong> Oferece suporte para 36 linguagens de programa\u00e7\u00e3o, como JavaScript, C++\/CLI, Visual Basic .NET, C#, F#, TypeScript, XML, XSLT, HTML, CSS, Phyton e muitas outras<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\" id=\"h-vantagens-3\">Vantagens:<\/h4>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Usado para desenvolver programas de computador, sites, web apps, servi\u00e7os web e aplicativos mobile;<\/li>\r\n<li>Bom preenchimento autom\u00e1tico (IntelliSense);<\/li>\r\n<li>Busca autom\u00e1tica por erros;<\/li>\r\n<li>Cria tanto c\u00f3digo nativo quanto gerenciado;<\/li>\r\n<li>A vers\u00e3o mas b\u00e1sica dele est\u00e1 dispon\u00edvel de gra\u00e7a (Community Edition), \u00f3tima para desenvolvedores independentes;<\/li>\r\n<li>Oferece um ALM (Aplication Lifecycle Management);<\/li>\r\n<li>Lab Management (ferramenta para testadores de software);<\/li>\r\n<li>LightSwitch (extens\u00e3o adaptada especificamente para criar aplicativos baseados em tecnologia pr\u00e9-existente .NET e Microsoft);<\/li>\r\n<li>Oferece espa\u00e7o em nuvem.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\" id=\"h-desvantagens-4\">Desvantagens:<\/h4>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Muito focado em .NET (pode ser uma vantagem ou desvantagem, dependendo da sua necessidade);<\/li>\r\n<li>Dif\u00edcil de dominar por conta pr\u00f3pria, por conta da enormidade de fun\u00e7\u00f5es e menus;<\/li>\r\n<li>Demanda bastante da m\u00e1quina.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-webstorm-ide-javascript\">WebStorm &#8211; IDE Javascript<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.jetbrains.com\/idea\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Download WebStorm<\/strong><\/a><\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li><strong><em>Empresa: <\/em><\/strong>JetBrains<\/li>\r\n<li><strong><em>Plataformas:<\/em><\/strong> Windows, Linux, MacOS<\/li>\r\n<li><strong><em>C\u00f3digo aberto: <\/em><\/strong>n\u00e3o<\/li>\r\n<li><strong><em>Ano de desenvolvimento:<\/em><\/strong> 2010<\/li>\r\n<li><strong><em>Linguagens:<\/em><\/strong> O WebStorm suporta <strong>JavaScript<\/strong>, TypeScript, React, React Native, Electron, Vue, Angular, Node.js, HTML, v\u00e1rias outras tecnologias.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\" id=\"h-vantagens-4\">Vantagens:<\/h4>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Ambiente dedicado para desenvolvimento em Javascript;<\/li>\r\n<li>Baixou, usou. F\u00e1cil de iniciar seus projetos;<\/li>\r\n<li>Editor inteligente com preenchimento autom\u00e1rico, corre\u00e7\u00f5es, boa refatora\u00e7\u00e3o, etc;<\/li>\r\n<li>Integra\u00e7\u00e3o avan\u00e7ada de controle de vers\u00e3o;<\/li>\r\n<li>F\u00e1cil navega\u00e7\u00e3o e explora\u00e7\u00e3o do c\u00f3digo;<\/li>\r\n<li>Desenvolvimento colaborativo remoto e recursos para equipes distribu\u00eddas;<\/li>\r\n<li>Personaliza\u00e7\u00e3o da interface;<\/li>\r\n<li>Marketplace de plugins;<\/li>\r\n<li>Funciona perfeitamente com todos os principais frameworks JavaScript, como React e Angular;<\/li>\r\n<li>Suporte a ferramentas de banco de <strong><a href=\"https:\/\/www.geekhunter.com\/pt\/blog\/o-que-e-data-science\/\">dados<\/a><\/strong> e SQL.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\" id=\"h-desvantagens-5\">Desvantagens:<\/h4>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Usa muita mem\u00f3ria e pode ser lento;<\/li>\r\n<li>N\u00e3o \u00e9 poss\u00edvel carregar v\u00e1rios projetos ao mesmo tempo dentro de uma inst\u00e2ncia do aplicativo;<\/li>\r\n<li>N\u00e3o \u00e9 poss\u00edvel importar projetos de servidores remotos;<\/li>\r\n<li>N\u00e3o possui vers\u00e3o completa gratuita, mas&#8230;\r\n<ul>\r\n<li>O IDE Javascript WebStorm possui condi\u00e7\u00f5es de uso gratuitas e descontos, na p\u00e1gina de <strong><a href=\"https:\/\/www.jetbrains.com\/pt-br\/webstorm\/buy\/#discounts?billing=yearly\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Ofertas Especiais<\/a><\/strong>.<\/li>\r\n<\/ul>\r\n<ul>\r\n<li>E nas palavras de Elena Pogorelova, que trabalhava na JetBrains na \u00e9poca que fez esse coment\u00e1rio (2019):<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<blockquote id=\"block-77a6b681-d841-4646-bc7b-33439b284599\" class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\r\n<p>&#8220;Mantemos o pre\u00e7o do WebStorm relativamente baixo para indiv\u00edduos (\u00e9 apenas US$ 59 por ano, e o pre\u00e7o cai a cada ano de uso) para que mais desenvolvedores individuais possam us\u00e1-lo.<br \/>O teste gratuito de 30 dias est\u00e1 dispon\u00edvel para as principais atualiza\u00e7\u00f5es do produto. Temos tr\u00eas lan\u00e7amentos principais por ano, o que significa que voc\u00ea pode executar uma vers\u00e3o de avalia\u00e7\u00e3o gratuita 3 vezes por ano durante 30 dias ap\u00f3s cada lan\u00e7amento.<\/p>\r\n<cite>Elena Pogorelova<\/cite><\/blockquote>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"h-sublime-text\">Sublime Text<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><strong>Download Sublime Text<\/strong><\/a><\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li><strong><em>Empresa:\u00a0<\/em><\/strong>Sublime HQ<\/li>\r\n<li><strong><em>Plataformas:<\/em><\/strong> Windows, Linux, MacOS<\/li>\r\n<li><strong><em>C\u00f3digo aberto:<\/em><\/strong> n\u00e3o<\/li>\r\n<li><strong><em>Ano de desenvolvimento:<\/em><\/strong> 2008<\/li>\r\n<li><strong><em>Linguagens:<\/em><\/strong> Originalmente um IDE para PHP, mas com plugins se torna um \u00f3timo IDE JavaScript.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\" id=\"h-vantagens-5\">Vantagens:<\/h4>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Busca autom\u00e1tica por erros;<\/li>\r\n<li>Leve;<\/li>\r\n<li>Oferece muitos recursos e aceita plugins;<\/li>\r\n<li>Com apenas uma licen\u00e7a voc\u00ea pode us\u00e1-lo em qualquer computador;<\/li>\r\n<li>F\u00e1cil de usar (\u00f3timo para iniciantes);<\/li>\r\n<li>Edi\u00e7\u00e3o multilinha;<\/li>\r\n<li>Acesso r\u00e1pido \u00e0 defini\u00e7\u00e3o de classe ou m\u00e9todo;<\/li>\r\n<li>\u00d3timo processo de instala\u00e7\u00e3o do gerenciador de pacotes para estender facilmente as funcionalidades.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\" id=\"h-desvantagens-6\">Desvantagens:<\/h4>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>N\u00e3o \u00e9 de c\u00f3digo aberto;<\/li>\r\n<li>Arquivos grandes demoram pra rodar no Windows;<\/li>\r\n<li>\u00c9 o IDE Javascript que tem menos fun\u00e7\u00f5es de IDE&#8217;s por padr\u00e3o, sendo o mais pr\u00f3ximo de um editor de texto simples do que os outros;<\/li>\r\n<li>Alguns plugins tem bugs.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">E a\u00ed? Foram muitas op\u00e7\u00f5es, n\u00e9?<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Agora voc\u00ea tem em m\u00e3os v\u00e1rias ferramentas e poder\u00e1 decidir qual \u00e9 a melhor para o seu projeto ou estudo. Com qual deles voc\u00ea mais se identificou?<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.geekhunter.com\/pt\/vagas?tech=javascript&amp;acceptRemote=true?utm_source=blog&amp;utm_medium=banner&amp;utm_campaign=ide-javascript\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"720\" height=\"200\" class=\"wp-image-12465\" src=\"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/08\/vagas-javascript.png\" alt=\"Banner de vagas em Javascript\" srcset=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/08\/vagas-javascript.png 720w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/08\/vagas-javascript-150x42.png 150w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/08\/vagas-javascript-100x28.png 100w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/08\/vagas-javascript-600x167.png 600w, https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/08\/vagas-javascript-450x125.png 450w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><\/a><\/figure>\r\n","protected":false},"excerpt":{"rendered":"<p>Para aumentar a sua produtividade na hora de codar em JS, trouzemos uma sele\u00e7\u00e3o de IDEs Javascript que v\u00e3o te ajudar muito! JavaScript (JS) \u00e9 a linguagem mais popular de desenvolvimento para web. Ela funciona muito bem com CSS e HTML, que juntos podem produzir aplica\u00e7\u00f5es front-end incr\u00edveis. Uma linguagem t\u00e3o popular assim deve ter [&hellip;]<\/p>\n","protected":false},"author":167,"featured_media":12482,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[18],"tags":[],"class_list":["post-12453","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimiento-de-software"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.5 (Yoast SEO v28.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>IDE Javascript: qual \u00e9 a melhor escolha com tantas possiblidades?<\/title>\n<meta name=\"description\" content=\"Aqui voc\u00ea definir qual \u00e9 o melhor IDE Javascript para voc\u00ea! Veja uma compara\u00e7\u00e3o justa entre os 7 melhores IDEs do mercado!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.geekhunter.com\/pt\/blog\/ide-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"7 IDEs de Javascript para usar em 2022: vantagens e desvantagens\" \/>\n<meta property=\"og:description\" content=\"Para aumentar a sua produtividade na hora de codar em JS, trouzemos uma sele\u00e7\u00e3o de IDEs Javascript que v\u00e3o te ajudar muito! JavaScript (JS) \u00e9 a linguagem\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.geekhunter.com\/pt\/blog\/ide-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Geekhunter\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/geekhunterbr\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-19T19:09:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-16T17:35:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/08\/ide-javascript.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Geekhunter\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@geekhunterbr\" \/>\n<meta name=\"twitter:site\" content=\"@geekhunterbr\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Geekhunter\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/ide-javascript\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/ide-javascript\\\/\"},\"author\":{\"name\":\"Geekhunter\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/person\\\/9f62b173345139f7bbdaf55312c3d400\"},\"headline\":\"7 IDEs de Javascript para usar em 2022: vantagens e desvantagens\",\"datePublished\":\"2021-08-19T19:09:13+00:00\",\"dateModified\":\"2024-10-16T17:35:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/ide-javascript\\\/\"},\"wordCount\":2139,\"publisher\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/ide-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/ide-javascript.png\",\"articleSection\":[\"Desenvolvimiento de software\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/ide-javascript\\\/\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/ide-javascript\\\/\",\"name\":\"IDE Javascript: qual \u00e9 a melhor escolha com tantas possiblidades?\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/ide-javascript\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/ide-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/ide-javascript.png\",\"datePublished\":\"2021-08-19T19:09:13+00:00\",\"dateModified\":\"2024-10-16T17:35:53+00:00\",\"description\":\"Aqui voc\u00ea definir qual \u00e9 o melhor IDE Javascript para voc\u00ea! Veja uma compara\u00e7\u00e3o justa entre os 7 melhores IDEs do mercado!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/ide-javascript\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/ide-javascript\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/ide-javascript\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/ide-javascript.png\",\"contentUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/ide-javascript.png\",\"width\":1200,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/ide-javascript\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mundo TI\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/category\\\/mundo-ti\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Desenvolvimiento de software\",\"item\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/category\\\/mundo-ti\\\/desenvolvimiento-de-software\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"7 IDEs de Javascript para usar em 2022: vantagens e desvantagens\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/\",\"name\":\"Blog de TI\",\"description\":\"Dicas para o RH e profissionais da \u00e1rea TI\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#organization\",\"name\":\"GeekHunter\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/icon-1.png\",\"contentUrl\":\"https:\\\/\\\/www.geekhunter.com/pt/blog\\\/wp-content\\\/uploads\\\/2024\\\/10\\\/icon-1.png\",\"width\":300,\"height\":300,\"caption\":\"GeekHunter\"},\"image\":{\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/geekhunterbr\\\/\",\"https:\\\/\\\/x.com\\\/geekhunterbr\",\"https:\\\/\\\/www.instagram.com\\\/geekhunterbr\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/geekhunter-brasil\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@GeekHunterOfficial\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/#\\\/schema\\\/person\\\/9f62b173345139f7bbdaf55312c3d400\",\"name\":\"Geekhunter\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g\",\"caption\":\"Geekhunter\"},\"url\":\"https:\\\/\\\/www.geekhunter.com\\\/pt\\\/blog\\\/author\\\/matias\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"IDE Javascript: qual \u00e9 a melhor escolha com tantas possiblidades?","description":"Aqui voc\u00ea definir qual \u00e9 o melhor IDE Javascript para voc\u00ea! Veja uma compara\u00e7\u00e3o justa entre os 7 melhores IDEs do mercado!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.geekhunter.com\/pt\/blog\/ide-javascript\/","og_locale":"pt_BR","og_type":"article","og_title":"7 IDEs de Javascript para usar em 2022: vantagens e desvantagens","og_description":"Para aumentar a sua produtividade na hora de codar em JS, trouzemos uma sele\u00e7\u00e3o de IDEs Javascript que v\u00e3o te ajudar muito! JavaScript (JS) \u00e9 a linguagem","og_url":"https:\/\/www.geekhunter.com\/pt\/blog\/ide-javascript\/","og_site_name":"Blog Geekhunter","article_publisher":"https:\/\/www.facebook.com\/geekhunterbr\/","article_published_time":"2021-08-19T19:09:13+00:00","article_modified_time":"2024-10-16T17:35:53+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/08\/ide-javascript.png","type":"image\/png"}],"author":"Geekhunter","twitter_card":"summary_large_image","twitter_creator":"@geekhunterbr","twitter_site":"@geekhunterbr","twitter_misc":{"Escrito por":"Geekhunter","Est. tempo de leitura":"11 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/ide-javascript\/#article","isPartOf":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/ide-javascript\/"},"author":{"name":"Geekhunter","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/person\/9f62b173345139f7bbdaf55312c3d400"},"headline":"7 IDEs de Javascript para usar em 2022: vantagens e desvantagens","datePublished":"2021-08-19T19:09:13+00:00","dateModified":"2024-10-16T17:35:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/ide-javascript\/"},"wordCount":2139,"publisher":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/ide-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/08\/ide-javascript.png","articleSection":["Desenvolvimiento de software"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/ide-javascript\/","url":"https:\/\/www.geekhunter.com\/pt\/blog\/ide-javascript\/","name":"IDE Javascript: qual \u00e9 a melhor escolha com tantas possiblidades?","isPartOf":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/ide-javascript\/#primaryimage"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/ide-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/08\/ide-javascript.png","datePublished":"2021-08-19T19:09:13+00:00","dateModified":"2024-10-16T17:35:53+00:00","description":"Aqui voc\u00ea definir qual \u00e9 o melhor IDE Javascript para voc\u00ea! Veja uma compara\u00e7\u00e3o justa entre os 7 melhores IDEs do mercado!","breadcrumb":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/ide-javascript\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.geekhunter.com/pt/blog\/ide-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/ide-javascript\/#primaryimage","url":"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2021\/08\/ide-javascript.png","contentUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2021\/08\/ide-javascript.png","width":1200,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/ide-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.geekhunter.com/pt/blog\/"},{"@type":"ListItem","position":2,"name":"Mundo TI","item":"https:\/\/www.geekhunter.com/pt/blog\/category\/mundo-ti\/"},{"@type":"ListItem","position":3,"name":"Desenvolvimiento de software","item":"https:\/\/www.geekhunter.com/pt/blog\/category\/mundo-ti\/desenvolvimiento-de-software\/"},{"@type":"ListItem","position":4,"name":"7 IDEs de Javascript para usar em 2022: vantagens e desvantagens"}]},{"@type":"WebSite","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#website","url":"https:\/\/www.geekhunter.com\/pt\/blog\/","name":"Blog de TI","description":"Dicas para o RH e profissionais da \u00e1rea TI","publisher":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.geekhunter.com/pt/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#organization","name":"GeekHunter","url":"https:\/\/www.geekhunter.com\/pt\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.geekhunter.com\/pt\/blog\/wp-content\/uploads\/2024\/10\/icon-1.png","contentUrl":"https:\/\/www.geekhunter.com/pt/blog\/wp-content\/uploads\/2024\/10\/icon-1.png","width":300,"height":300,"caption":"GeekHunter"},"image":{"@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/geekhunterbr\/","https:\/\/x.com\/geekhunterbr","https:\/\/www.instagram.com\/geekhunterbr\/","https:\/\/www.linkedin.com\/company\/geekhunter-brasil\/","https:\/\/www.youtube.com\/@GeekHunterOfficial"]},{"@type":"Person","@id":"https:\/\/www.geekhunter.com\/pt\/blog\/#\/schema\/person\/9f62b173345139f7bbdaf55312c3d400","name":"Geekhunter","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/09a0f76de8cf1fa3621f8b73417ce43344b42e1324a07a9af24f57c5eef49840?s=96&d=mm&r=g","caption":"Geekhunter"},"url":"https:\/\/www.geekhunter.com\/pt\/blog\/author\/matias\/"}]}},"_links":{"self":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts\/12453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/comments?post=12453"}],"version-history":[{"count":0,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/posts\/12453\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/media\/12482"}],"wp:attachment":[{"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/media?parent=12453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/categories?post=12453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.geekhunter.com/pt/blog\/wp-json\/wp\/v2\/tags?post=12453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}