JavaScript se hodně používá při vývoji webových aplikací, ale také pro jiné věci, například pro mobilní vývoj a aplikace. Jednoduchý textový editor může být vše, co potřebujete pro CSS a HTML5, ale JavaScript potřebuje trochu víc. Zde jsou to, co se nyní považuje za nejlepší JavaScript IDE pro vývoj webových aplikací.

Dobrý JavaScript IDE musí mít několik klíčových funkcí. Měl by zahrnovat nástroje, jako je automatické doplňování kódu, funkce seznamu, generování kódu, refaktoring, inteligentní navigace, integrovaný debugger a testovací funkce. Dobrý IDE bude také zahrnovat zpracování chyb a výjimek a doplňky pro rozšíření jeho repertoáru.

Některé z JavaScriptu IDE v tomto seznamu jsou prémiové, některé jsou zdarma, mnohé se stahují do počítače, ale pár je online. Všechny jsou hodnoceny příznivě a zdají se velmi populární. Pokud hledáte nový JavaScript IDE pro vývoj webových aplikací, jeden z nich je určitě vhodný pro účet.

Nejsem žádný kodér, ale jeden z mých nejlepších přátel je, takže jsem použil její odborné znalosti k sestavení tohoto seznamu.

WebStorm

WebStorm je jedním z nejpopulárnějších IDE JavaScriptu v okolí, pokud počet stažených souborů a pozitivních recenzí je cokoli. Byl navržen od základů tak, aby byl uživatelsky přívětivý a snadno použitelný a rozhodně se zdá být. Je kompatibilní s JavaScripty, HTML, CSS, Angular a Node.js, takže pokrývá všechny základny. Je také kompatibilní s rámečky Angular, React a Meteor a mobilními vývojovými aplikacemi Cordova, PhoneGap a Ionic.

WebStorm má skvělý nástroj pro refaktoring kódu, takže i nový kodéry mohou vytvářet uklizený kód. Může extrahovat proměnné, přesouvat soubory, automaticky dokončovat a pomáhat s parametry a funkcemi. Pokud jste zkušenější programátor, najdete všechny pokročilé nástroje, které potřebujete k vytvoření působivých aplikací a funkcí.

WebStorm není bezplatný a jeho použití vyžaduje roční předplatné.

Atom

Atom je další nesmírně populární JavaScript IDE. Jde v podstatě o textový editor, který umožňuje připojit tolik funkcí, kolik potřebujete. Kompatibilní s HTML, JavaScript, CSS a Node.js, Atom je postaven na platformě Electron, která je platformou napříč platformami, která se již osvědčila v programování JavaScriptu.

Funkčnost napříč platformami je vynikající pro projekty spolupráce, zatímco integrovaný správce balíčků nabízí možnost přidat mnoho předdefinovaných balíčků nebo vytvořit vlastní. Toto je jedna z nejcennějších funkcí Atomu, protože nabízí obrovskou svobodu při konfiguraci IDE přesně podle toho, jak ho chcete používat.

Mezi další funkce Atomu patří automatické vyplňování, prohlížeč souborů, vyhledávání a nahrazování, automatické uzavírání značek a užitečná mini mapa, která zobrazuje váš kód v přehledu. Atom má při práci s většími soubory tendenci se zpomalit a zjevně má nevracení paměti, které může způsobit jeho zpoždění při používání. Kromě toho je to velmi ceněné.

Atom je zdarma k použití.

Codepen

Codepen se nazývá „hřiště pro přední část webu“. Je to jeden z těch online JavaScript IDE, které jsem zmínil výše, a je velmi dobrý v tom, co dělá. Hraje pěkně s HTML, CSS a JavaScript a funguje s CoffeeScript nebo LiveScript. Je užitečný jak pro začátečníky, kteří se chtějí naučit kód a nechat si ho zkontrolovat kolegy, ale také zkušené kodéry, které chtějí stavět v prostředí živého náhledu.

V Codepenu je spousta nástrojů CSS, HTML a JavaScript. Váš kód si vytvoříte v peru pomocí některých docela mocných nástrojů jako Emmet pro rychlé vygenerování čistého kódu. Vim Key Bindings můžete také použít, pokud je znáte pro rychlou generaci. Máte také přístup k obvyklým kódovým nástrojům a funkcím, které byste očekávali od nainstalovaného IDE.

Hlavní výhodou Codepenu je komunita. Je to velmi velká a aktivní komunita, která nabízí pomoc, radu a revizi kódu, nápadů a dalších.

Codepen má verzi zdarma i verzi Pro.

Sublime Text 3

Sublime Text 3 obsahuje funkce ve většině seznamů dobrých IDE JavaScriptu. To, co začalo život jednoduchého textového editoru, se vyvinulo v plnohodnotné IDE, které obsahuje mnoho nástrojů, které očekáváte při kompilaci kódu. Je vysoce přizpůsobitelný, pracuje napříč platformami a snadno spravuje balíčky.

Uživatelské rozhraní je jednoduché, ale efektivní. Funguje to také rychle. Standardní instalace obsahuje mnoho nástrojů, které byste neustále používali, ale Správce balíků zajišťuje, že budete mít tolik funkcí, kolik potřebujete. Spolupracuje s Emmetem, Babelem, SublimeLimiterem a dalšími, aby udržel váš JavaScript čistý a uklizený.

Stejně jako Codepen je jedním ze skutečných vrcholů Sublime Text 3 komunita. Vytvářejí nejen doplňky pro program, ale také pomáhají, revidují a nabízejí nejrůznější témata pomoci a diskuse. To jsou druhy komunit, které vás vedou k přesvědčení, že lidstvo má stále budoucnost.

Sublime Text 3 si můžete vyzkoušet zdarma, ale ponechat si 70 $.

NetBeans

NetBeans začal život jako nástroj Java, ale rozšířil se o JavaScript a Node.js. Pracuje také s HTML, CSS, PHP, JS, C / C ++, Pythonem a dalšími jazyky. Funguje na virtuálním stroji Java, takže bude fungovat na většině operačních systémů a lze jej nakonfigurovat tak, jak se vám líbí.

NetBeans obsahuje většinu nástrojů a funkcí, které byste očekávali, včetně skládání kódu, formátování kódu, nástrojů JSON, automatického doplňování proměnných, odkazů na funkce, funkcí knihovny, tříd a dalších, abyste mohli opravdu rychle kódovat. Jakmile bude hotovo, funkce správného ladění a chyb upozorní na jakékoli chyby a dokonce nabídne rady, kde lze nalézt další optimalizace.

NetBeans má také skvělá rozšíření pro Chrome, která umožňují efektivní ladění a možnost editovat zdroje z prohlížeče. Zřejmě velmi užitečný nástroj.

NetBeans je bezplatný a otevřený zdroj.

Jak jsem se zmínil nahoře, nejsem kodér, takže jsem se musel opírat o kodéra, abych mu pomohl s tímto kouskem. Přestože doporučení jsou její, jakékoli chyby nebo chyby jsou moje!

Máte nějaké další návrhy na dobré IDE JavaScriptu? Řekněte nám o tom níže, pokud ano!