JavaScript se dnes používá pro mnoho různých druhů aplikací. Nejčastěji JavaScript pracuje s HTML5 a CSS pro vytváření předních konců webu. JavaScript však také pomáhá vytvářet mobilní aplikace a našel důležité místo na zadním konci ve formě uzlu.JS servery. Naštěstí nástroje pro vývoj JavaScriptu-editory i IDEs—rostou, aby splňovaly nové výzvy.
Proč používat IDE místo editoru? Hlavním důvodem je, že IDE může ladit a někdy profilovat váš kód., IDEs mají také podporu pro systémy ALM, integrující se s podobnými systémy Git, GitHub, Mercurial, Subversion a Perforce pro správu verzí. Ale jak více editorů přidává háčky do těchto systémů, podpora ALM se stává méně diferenciátorem.
Eclipse 2018 s nástroji pro vývoj JavaScriptu
zpět v dávných dobách, kdy byla Java Swing nová a vzrušující, jsem si užil používání Eclipse pro vývoj Java, ale brzy se přesunul na jiné Java IDEs. Před pěti a více lety, když jsem udělal nějaký vývoj Android s Eclipse, našel jsem zážitek OK, ale poky., Když jsem se v roce 2014 pokusil použít Eclipse Luna s JSDT pro vývoj JavaScriptu, neustále zobrazoval falešně pozitivní chyby pro platný kód, který prošel JSHint.
naštěstí několik dodavatelů a open source projektů od té doby vstoupilo na talíř. Eclipse 2018 s nástroji pro vývoj JavaScriptu má slušný Editor JavaScriptu a debugger založený na Chromu, ale neví o TypeScriptu, který používá Angular, nebo o souborech ES6 a JSX, které používá React.
Eclipse se vždy těšil obrovskému trhu pluginů. Pro TypeScript zvažte bezplatný TypeScript 1.0.,0 plugin. Pro Angular, TypeScript a ES6 zvažte komerční Úhlové IDE (od CodeMix, dříve Webclipse) a pro projekty React se soubory JSX vyzkoušejte open source TypeScript IDE. Pokud přidáte více než jeden, budete muset vyřešit jejich spor o to, který z nich by měl upravovat soubory TypeScript, ale to není velký problém.
S trochou snahy, můžete vytvořit Zatmění práce s Úhlové a Reagovat projektů., Ačkoli Eclipse nepodporuje TypeScript, ES6, nebo JSX soubory po vybalení z krabice, můžete přidat Úhlové IDE a TypeScript IDE vyplnit mezery.
nástroje CodeMix jsou účtovány jako přidání Visual Studio Code smarts do Eclipse. Na rozdíl od většiny pluginů Eclipse není Angular IDE od CodeMix zdarma, ale má 45denní bezplatnou zkušební verzi. Vzhledem k tomu, že Visual Studio kód je zdarma, uvažoval bych, že před zaplacením za Úhlové IDE.
Cena: Zdarma; Angular IDE by CodeMix, $29 (osobní) nebo $48 (Komerční) ročně. Platforma: Windows, MacOS a Linux.,
ActiveState Komodo IDE
byl jsem uživatelem a fanouškem Komodo IDE, protože byl poprvé představen v roce 2001. Ačkoli novější produkty, jako je Visual Studio Code a WebStorm, ji v některých oblastech překonaly,je to stále dobrý editor a IDE.
Komodo IDE poskytuje pokročilé úpravy JavaScriptu, zvýraznění syntaxe, navigaci a ladění, ale nezahrnuje kontrolu kódu JavaScript. Za tímto účelem můžete vždy spustit JSHint ve skořápce.
Komodo podporuje desítky programovacích a značkovacích jazyků., S jeho širokou škálu programování a značkovací jazyk podporu, včetně refaktoringu, ladění a profilování, Komodo IDE je velmi dobrou volbou pro end-to-end vývoj v open source jazyky.
Komodo má refaktorování modul pro všechny jazyky, pro které poskytuje kód inteligence: PHP, Perl, Python, Ruby, Tcl, JavaScript, a Uzel.js. Bohužel,“ nejméně společný jmenovatel “ povaha tohoto přístupu omezuje možnosti přejmenování proměnných a členů třídy, a extrahování kódu do metody. Nicméně to jsou některé z nejužitečnějších případů.,
Komodo IDE má editaci sloupců i více výběrů. To poskytuje téměř paritu s vznešeným textem a TextMate, pokud jde o hromadné úpravy. Pokud porovnáváme, Komodo je spíše IDE, zatímco Vznešený Text je mnohem rychlejší. A dokud diskutujeme o výkonu, rychlost Komodo se výrazně zlepšila ve srovnání se staršími verzemi, při kreslení obrazovky, Vyhledávání a kontrole syntaxe.
Komodo IDE má několik funkcí, které většina konkurenčních produktů postrádá. Jedním z nich je jeho http Inspektor, který je vynikající pro ladění Ajax zpětné volání., Další je jeho RX (regular expression, nebo regex) toolkit, což je skvělý způsob, jak vytvářet a testovat regulární výrazy pro JavaScript, Perl, PHP, Python a Ruby.
spolupráce je dalším diferenciátorem IDE Komodo – myslete na to jako Dokumenty Google pro kód. Můžete vytvářet relace pro skupiny souborů, přidávat kontakty do relací jako spolupracovníci, poté spolupracovat na stejných souborech současně se synchronizací v reálném čase.
spolupráce není náhradou za řízení zdrojového kódu, ale je to užitečný doplněk., Komodo IDE integruje řízení zdrojového kódu pomocí CVS, Subversion, Perforce, Git, Mercurial a Bazaar. Podporovány jsou pouze základní operace správy verzí. Pokročilé operace, jako je větvení, musí být provedeny pomocí samostatného klienta pro řízení zdrojového kódu.
přestože Komodo nemá vlastní formát dokumentu JavaScript, využívá pro tento účel nejlepší bezplatný open source. Po vybalení z krabice je výchozí formátovač souborů JavaScript JS Beautifier, ale dalších devět možností je k dispozici prostřednictvím rozbalovací nabídky.,
Komodo IDE poskytuje pokročilé JavaScript úpravy, zvýraznění syntaxe, a navigaci, ale neobsahuje významné JavaScript kódu kontroly (run JSHint za to). Komodo podporuje desítky programovacích a značkovacích jazyků s důrazem na Perl, Python, PHP, Ruby, Tcl a XSLT a zahrnuje ladění, refaktoring, integraci řízení zdrojového kódu a testování jednotek.
Komodo IDE podporuje ladění JavaScript na straně klienta v prohlížeči Chrome a může ladit uzel.js lokálně i vzdáleně., To také ladí Perl, Python, PHP, Ruby, Tcl, a XSLT.
Komodo IDE má prohlížeč DOM, který umožňuje prohlížet XML a HTML dokumenty jako skládací stromy. To také umožňuje provádět XPath vyhledávání filtrovat strom.
kódové profilování Komodo a testovací moduly jednotek nepodporují JavaScript. Nicméně, JavaScript a uzel.js jsou podporovány modulem Komodo Code Intelligence, který implementuje procházení kódu, automatické doplňování a calltips.
Komodo IDE může publikovat skupiny souborů přes FTP, SFTP, FTPS nebo SCP., Komodo může také synchronizovat soubory a detekovat potenciální publikační konflikty, které by mohly způsobit přepsání změn jiných lidí.
celkově je Komodo dobrý, ale ne skvělý JavaScript IDE a dobrý, ale ne skvělý editor JavaScriptu. Může však dobře sloužit vašim potřebám, zejména pokud pracujete také s Perl, Python, PHP, Ruby, Tcl nebo XSLT.
Cena: $295, plus $ 87 za rok pro upgrade a podporu. Platforma: Windows (7 nebo vyšší), MacOS (10.9 nebo vyšší), Linux.,
Apache NetBeans
NetBeans má velmi dobrou podporu pro JavaScript, HTML5, CSS3 a ve webových projektech, a podporuje Cordova/PhoneGap rámec pro budování JavaScript-založené mobilní aplikace. NetBeans není nejrychlejší IDE na bloku, ale je to jeden z úplnějších. A samozřejmě cena je správná: NetBeans je k dispozici zdarma pod licencí open source.
Editor NetBeans JavaScript poskytuje zvýraznění syntaxe, automatické doplňování a skládání kódu, do značné míry, jak byste očekávali., Funkce pro editaci JavaScriptu také fungují pro kód JavaScript vložený do souborů PHP, JSP a HTML. podpora jQuery se peče do editoru. NetBeans 8.2 má novou nebo vylepšenou podporu pro Node.js a Express, doušek, Grunt, AngularJS, Knockout.js, Jade, Mocha a selen.
analýza kódu běží na pozadí při úpravách a poskytuje varování a Rady. Ladění funguje ve vestavěném prohlížeči WebKit a v Chromu s nainstalovaným Konektorem NetBeans. Debugger může nastavit Dom, line, event a XMLHttpRequest breakpoints a zobrazí proměnné, hodinky a zásobník hovorů., Integrované okno protokolu Prohlížeče zobrazuje výjimky prohlížeče, chyby a varování.
NetBeans může konfigurovat a provádět testování jednotek pomocí souboru JsTestDriver, jar (archiv Java), který si můžete zdarma stáhnout. Ladění jednotkových testů je automaticky povoleno, pokud zadáte Chrome s konektorem NetBeans jako jeden z prohlížečů JsTestDriver při konfiguraci JsTestDriver v okně služby.,
Když jste ladění webové aplikace v prohlížeči Chrome s NetBeans Konektoru a upravit CSS z Chrome Developer Tools, změny budou zachyceny NetBeans a uložit do CSS souborů. Pokud však vaše soubory CSS byly generovány z méně nebo Sass stylů, budete muset ručně aktualizovat zdrojový list, protože soubory CSS jsou pouze kompilovány výstup.
Ve vloženém WebKit prohlížeče a Chrome s NetBeans Konektor nainstalován, můžete použít NetBeans network monitor pro prohlížení hlaviček odpovědi, a zásobníky volání pro ZBYTEK komunikace., Pro komunikaci WebSocket se zobrazují záhlaví i textové rámečky. Celkově NetBeans poskytuje s Chrome o něco lepší ladění než ve Firefoxu s Firebug.
NetBeans integruje řízení zdrojového kódu s Git, Subversion, Mercurial a CVS. Podpora Git je rozšířena grafickým prohlížečem rozdílů a regálovým systémem v rámci IDE. NetBeans color-codes stav git souborů, umožňuje zobrazit historii revizí pro každý soubor, a ukazuje vám revize a informace o autorech pro každý řádek souborů řízených verzí., NetBeans má podobné integrace s Subversion, Mercurial a CVS, ale testoval jsem pouze Git.
NetBeans integruje sledování problémů s Jira a Bugzilla. V okně úloh NetBeans můžete vyhledávat úkoly, ukládat vyhledávání, aktualizovat úkoly a řešit úkoly v registrovaném úložišti úloh. NetBeans má také integraci týmových serverů pro weby, které používají infrastrukturu Kenai.
Pokud mohu určit, NetBeans postrádá jakékoli profilování JavaScriptu, i když může profilovat Java aplikace a EJB moduly., A zatímco NetBeans může refactor Java a PHP, to nemůže refactor JavaScript.
celkově je NetBeans slušným uchazečem o vývoj JavaScriptu na straně klienta, HTML5 a CSS3, zejména pokud na serveru také vyvíjíte Java, PHP nebo C++. Pokud nemáte rozpočet na WebStorm a nemáte rádi Microsoft, zjistíte, že NetBeans dělá práci, pokud nejste ve velkém spěchu.
Cena: Zdarma. Platforma: Windows, Solaris, MacOS, Linux.,
Microsoft Visual Studio 2017
ve své úplné recenzi Visual Studio 2017 jsem diskutoval o produktu jako celku, pouze s několika odkazy na JavaScript. Zvrátím tady důraz.
celkově, Visual Studio 2017 slouží velmi dobře jako JavaScript IDE, i když je to lepší.Net IDE, a to není tak dobrý jako WebStorm pro JavaScript. I když také slouží velmi dobře jako editor JavaScriptu, je to lepší editor C# a není to tak dobré nebo tak rychlé jako vznešený Text pro JavaScript.,
jak můžete vidět na obrázku níže, Visual Studio 2017 odvádí dobrou práci s barvením syntaxe JavaScript a skládáním kódu. To také dělá dobrou práci s JavaScript kód navigace: pravým tlačítkem myši na funkci nebo název člena, a můžete snadno přejít na definici nebo najít všechny odkazy. Až budete hotovi při pohledu na definici, můžete stisknout zadní šipku v horní části rozhraní a vrátit se tam, kde jste byli.
můžete snadno vložit úryvky a obklopit výběr vhodným kódem, jako je HTML nebo URL kódování řetězcových proměnných., Kromě JavaScriptu, HTML a CSS můžete upravovat soubory Markdown a vidět vykreslený Markdown a můžete pracovat s Typescriptem.
kromě toho můžete samozřejmě kódovat v jakémkoli jazyce. Net, v C++ a v Pythonu. A jak tomu bylo u Visual Studio po dlouhou dobu, můžete pracovat s databázemi přímo z IDE. Visual Studio je zvláště silné při práci s databázemi SQL Server. Můžete se dostat pryč s použitím Visual Studio namísto SQL Server Management Studio pro většinu databázových operací, které chcete dělat jako vývojář.,
Visual Studio 2017 podporuje ladění v podstatě jakýkoli prohlížeč, chcete hodit na něj, včetně prohlížečů na mobilních zařízeních a v emulátory. Má také dva vlastní prohlížeče: prostý interní webový prohlížeč,což je (překvapení!) verze aplikace Internet Explorer a inspektor stránky, který vám ukáže vykreslenou stránku spolu se všemi zdroji a styly., Přestože Inspektor stránky dělá spoustu potenciálně časově náročných reverzních inženýrských věcí, aby se nastavil na stránku, jakmile jste v ní, můžete tam zůstat, aniž byste museli žonglovat s Visual Studio, prohlížečem a vývojářskými nástroji prohlížeče.
výkon Visual Studio 2017 je obvykle docela dobrý, pokud mu dáte dostatek paměti a výkonu CPU, ale má tendenci vyžadovat značné zdroje. Visual Studio 2017 má skvělou diagnostiku výkonu pro aplikace, ale celkově nejsou tak užitečné pro běžný kód JavaScript, který obvykle běží hluboko uvnitř prohlížeče., Visual Studio má specifické JavaScript funkce načasování, HTML UI odezvu, a JavaScript paměťové nástroje, ale platí pouze pro JavaScript na bázi univerzálních projektů platformy Windows, ne webové projekty, které náhodou používají JavaScript.
Visual Studio 2017 má pokročilou podporu pro Node.js, JavaScript ES6 a TypeScript pomocí analytického motoru Salsa. V režimu ES6 může automaticky stáhnout (z DefinitelyTyped) „typings“ pro uzel.js balíčky nainstalujete s NPM, poskytovat lepší IntelliSense., Může také automaticky nainstalovat chybějící moduly NPM, jak je vidět vlevo dole.
Visual Studio 2017 obsahuje vynikající uzel.js aplikace pro úpravy, IntelliSense, profilování, NPM integrace, Strojopis podporu, ladění lokálně a vzdáleně (Windows, MacOS, Linux), a ladění na Azure Web Apps a Azure Cloud Služby. Má také podporu pro CSS, HTML, JavaScript, TypeScript, CoffeeScript a méně., To zahrnuje spuštění JSHint, jak píšete, což vám umožní minify JavaScript soubory z kontextového menu, a automaticky sestavování CoffeeScript soubory na Uložit, zobrazující side-by-side náhled generovaného JavaScriptu.