JavaScript wordt gebruikt voor veel verschillende soorten toepassingen vandaag. Meestal, JavaScript werkt met HTML5 en CSS om web front ends te bouwen. Maar JavaScript helpt ook bij het bouwen van mobiele applicaties, en het heeft een belangrijke plaats gevonden op de achterkant in de vorm van knooppunt.js servers. Gelukkig, JavaScript development tools—zowel editors en IDEs—stijgen om de nieuwe uitdagingen aan te gaan.
waarom een IDE gebruiken in plaats van een editor? De belangrijkste reden is dat een IDE kan debuggen en soms profiel van uw code., IDEs hebben ook ondersteuning voor ALM-systemen, die geà ntegreerd worden met git, GitHub, Mercurial, Subversion en Perforce voor versiebeheer. Maar naarmate meer editors hooks toevoegen aan deze systemen, wordt Alm-ondersteuning steeds minder een onderscheidende factor.
Eclipse 2018 met JavaScript-ontwikkeltools
in de oude tijd, toen Java Swing nieuw en spannend was, vond ik het leuk om Eclipse te gebruiken voor Java-ontwikkeling, maar al snel ging ik over op andere Java-IDEs. Vijf-plus jaar geleden, toen ik deed wat Android ontwikkeling met Eclipse, ik vond de ervaring OK, maar poky., Toen ik probeerde om Eclipse Luna gebruiken met JSDT voor JavaScript ontwikkeling in 2014, het voortdurend weergegeven vals-positieve fouten voor geldige code die JSHint doorgegeven.
gelukkig zijn verschillende leveranciers en open source projecten sindsdien op de plaat gekomen. Eclipse 2018 met JavaScript Development Tools heeft een fatsoenlijke JavaScript-editor en een Chrome-gebaseerde debugger, maar het weet niet over TypeScript, die wordt gebruikt door Angular, of over ES6 en JSX-bestanden, die worden gebruikt door React.
Eclipse heeft altijd genoten van een enorme marktplaats van plugins. Voor TypeScript, overweeg de gratis TypeScript 1.0.,0 plugin. Voor Angular, TypeScript, en ES6, overweeg de commerciële hoek IDE (door CodeMix, voorheen Webclipse), en voor React projecten met JSX bestanden probeer de open source TypeScript IDE. Als je er meer dan één toevoegt, moet je hun geschil oplossen over welke TypeScript-bestanden moet worden bewerkt, maar dat is niet zo erg.
met enige inspanning kunt u Eclipse laten werken met hoek-en Reactieprojecten., Hoewel Eclipse geen TypeScript -, ES6 – of JSX-bestanden ondersteunt, kunt u een hoekige IDE en een TypeScript-IDE toevoegen om de gaten in te vullen.
codemix tools worden gefactureerd als het toevoegen van Visuele Studio Code smarts aan Eclipse. In tegenstelling tot de meeste Eclipse plugins, hoekige IDE door CodeMix is niet gratis, maar het heeft een 45-dagen gratis proefperiode. Gezien het feit dat Visual Studio Code is gratis, Ik zou overwegen dat Voor het betalen voor hoekige IDE.
kosten: gratis; hoekige IDE door CodeMix, $ 29 (persoonlijk) of $48 (Commercieel) per jaar. Platform: Windows, MacOS en Linux.,
ActiveState Komodo IDE
Ik ben een gebruiker en fan van Komodo IDE sinds het voor het eerst werd geïntroduceerd in 2001. Hoewel nieuwere producten zoals Visual Studio Code en WebStorm hebben overtroffen in sommige gebieden, het is nog steeds een goede editor en IDE.
Komodo IDE biedt geavanceerde Javascript-editing, syntaxismarkering, navigatie en debugging, maar het omvat geen JavaScript-code controle. Daarvoor kun je JSHint altijd in een shell draaien.
Komodo ondersteunt tientallen programmeer-en opmaaktalen., Met zijn brede scala aan programmeer-en opmaaktaalondersteuning, waaronder refactoring, debugging en profilering, is Komodo IDE een zeer goede keuze voor end-to-end ontwikkeling in open source-talen.
Komodo heeft een code refactoring module voor alle talen waarvoor het code intelligentie biedt: PHP, Perl, Python, Ruby, TCL, JavaScript, en Node.js. Helaas, de” minst gemene deler ” aard van deze aanpak beperkt de mogelijkheden om variabelen en klasse leden hernoemen, en het extraheren van code in een methode. Toch zijn dit enkele van de meest nuttige gevallen.,
Komodo IDE heeft zowel kolombewerking als meerdere selecties. Dit zorgt voor bijna pariteit met sublieme tekst en TextMate voor zover het massabewerkingen betreft. Zolang we de vergelijking maken, is Komodo meer een IDE, terwijl sublieme tekst veel sneller is. En zolang we de prestaties bespreken, is de snelheid van Komodo merkbaar verbeterd in vergelijking met oudere versies, in schermtekening, zoeken en syntaxiscontrole.
Komodo IDE heeft verschillende functies die de meeste concurrerende producten missen. Een daarvan is de HTTP Inspector, die uitstekend is voor het debuggen van Ajax callbacks., Een ander is de RX (regular expression, of regex) toolkit, dat is een geweldige manier om te bouwen en te testen reguliere expressies voor JavaScript, Perl, PHP, Python, en Ruby.
samenwerking is een andere Komodo IDE differentiator-zie het als Google Docs voor code. U kunt sessies maken voor groepen bestanden, contacten toevoegen aan sessies als medewerkers en vervolgens samenwerken aan dezelfde bestanden op hetzelfde moment, met bijna-real-time synchronisatie.
samenwerking is geen vervanging voor broncode controle, maar het is een nuttig supplement., Komodo IDE integreert broncode controle met behulp van CVS, Subversion, Perforce, Git, Mercurial, en Bazaar. Alleen de basisversiebeheerbewerkingen worden ondersteund. Geavanceerde bewerkingen, zoals Branchen, moeten worden uitgevoerd met behulp van een aparte broncode controle client.
hoewel Komodo geen eigen JavaScript-documentformatter heeft, maakt het gebruik van de beste vrije open source voor dit doel. Uit de doos, de standaard formatter voor JavaScript-bestanden is JS Beautifier, maar nog eens negen opties zijn beschikbaar via een drop-down menu.,
Komodo IDE biedt geavanceerde JavaScript-editing, syntaxis highlighting en navigatie, maar bevat geen significante JavaScript-code controle (voer JSHint hiervoor uit). Komodo ondersteunt tientallen programmeren en markup talen, met de nadruk op Perl, Python, PHP, Ruby, Tcl en XSLT, en het omvat debugging, refactoring, source code control integratie, en unit testen.
Komodo IDE ondersteunt debugging client-side JavaScript in Chrome, en het kan debuggen Node.js zowel lokaal als op afstand., Het debuggen ook Perl, Python, PHP, Ruby, Tcl, en XSLT.
Komodo IDE heeft een DOM-viewer waarmee u XML-en HTML-documenten kunt bekijken als inklapbare bomen. Het laat je ook XPath zoekopdrachten doen om de boom te filteren.
Komodo ‘ s code profiling en unit testing modules ondersteunen JavaScript niet. Echter, JavaScript en Node.js worden beide ondersteund door Komodo ‘ s Code Intelligence module, die code browsing implementeert, autocompletion, en calltips.
Komodo IDE kan groepen bestanden publiceren via FTP, SFTP, FTPS of SCP., Komodo kan ook bestanden synchroniseren en potentiële publicatieconflicten detecteren die ertoe kunnen leiden dat u de wijzigingen van anderen overschrijft.
over het algemeen is Komodo een goede, maar niet geweldige JavaScript-IDE, en een goede, maar niet geweldige JavaScript-editor. Het kan echter goed aan uw behoeften voldoen, vooral als u ook werkt met Perl, Python, PHP, Ruby, Tcl of XSLT.
kosten: $ 295, plus $ 87 per jaar voor upgrades en ondersteuning. Platform: Windows (7 of hoger), MacOS (10.9 of hoger), Linux.,
Apache NetBeans
NetBeans heeft zeer goede ondersteuning voor JavaScript, HTML5 en CSS3 in webprojecten, en het ondersteunt het Cordova / PhoneGap framework voor het bouwen van JavaScript-gebaseerde mobiele applicaties. NetBeans is niet de snelste IDE op het blok, maar het is een van de meer complete. En, natuurlijk, de prijs is goed: NetBeans is gratis beschikbaar onder een open source licentie.
de NetBeans JavaScript editor biedt syntaxis highlighting, automatisch aanvullen en code folding, ongeveer zoals je zou verwachten., De JavaScript editing functies werken ook voor JavaScript-code ingebed in PHP, JSP, en HTML-bestanden. jQuery ondersteuning wordt gebakken in de editor. NetBeans 8.2 heeft nieuwe of verbeterde ondersteuning voor Node.js En Express, Gulp, Grunt, AngularJS, Knockout.js, Jade, mokka en Selenium.
codeanalyse wordt uitgevoerd op de achtergrond tijdens het bewerken en geeft waarschuwingen en hints. Debugging werkt in de embedded WebKit browser en in Chrome met de NetBeans Connector geïnstalleerd. De debugger kan Dom, line, event en XMLHttpRequest breekpunten instellen, en het zal variabelen, horloges en de call stack weergeven., Een geïntegreerd browserlogvenster toont browseruitzonderingen, fouten en waarschuwingen.
NetBeans kan unit testing configureren en uitvoeren met de JsTestDriver, een JAR (Java archive) bestand dat u gratis kunt downloaden. Foutopsporing van eenheidstests wordt automatisch ingeschakeld als u Chrome opgeeft met NetBeans Connector als een van de jstestdriver-browsers wanneer u JsTestDriver configureert in het venster Services.,
wanneer u een webtoepassing in Chrome debuggen met de NetBeans Connector en CSS bewerken vanuit de Chrome Developer Tools, zullen de wijzigingen worden vastgelegd door NetBeans en opgeslagen in de CSS-bestanden. Echter, als uw CSS-bestanden zijn gegenereerd van minder of Sass style sheets, moet u handmatig updaten van de bron sheet omdat de CSS-bestanden zijn alleen gecompileerde output.
in de ingesloten WebKit-browser en in Chrome met de NetBeans-Connector geà nstalleerd, kunt u de NetBeans-netwerkmonitor gebruiken om request headers, responses en call stacks voor RESTCOMMUNICATIE te bekijken., Voor Websocketcommunicatie worden zowel headers als tekstframes weergegeven. Over het algemeen biedt NetBeans een iets betere debugervaring met Chrome dan je krijgt in Firefox met Firebug.
NetBeans integreert broncode controle met Git, Subversion, Mercurial, en CVS. De git ondersteuning wordt vergroot door een grafische Diff viewer en door een shelving systeem binnen de IDE. NetBeans geeft een kleurcode aan de git status van bestanden, laat je revisiegeschiedenis zien voor elk bestand, en laat je revisie-en auteurinformatie zien voor elke regel van versiegestuurde bestanden., NetBeans heeft vergelijkbare integraties met Subversion, Mercurial en CVS, maar ik heb alleen Git getest.
NetBeans integreert issue tracking met Jira en Bugzilla. In het NetBeans taakvenster kunt u zoeken naar taken, zoekopdrachten opslaan, taken bijwerken en taken oplossen in uw geregistreerde taak repository. NetBeans heeft ook team server integratie voor sites die gebruik maken van de Kenai infrastructuur.
voor zover ik kan bepalen, mist NetBeans geen JavaScript-profilering, hoewel het Java-toepassingen en EJB-modules kan profileren., En terwijl NetBeans kan refactor Java en PHP, Het kan niet Refactor JavaScript.
over het algemeen is NetBeans een goede kandidaat voor client-side JavaScript, HTML5, en CSS3 ontwikkeling, vooral als u ook Java, PHP, of C++ ontwikkeling op de server. Als u niet beschikt over het budget voor WebStorm en afkeer van Microsoft, zult u merken dat NetBeans doet het werk, zolang je niet in een enorme haast.
kosten: gratis. Platform: Windows, Solaris, MacOS, Linux.,
Microsoft Visual Studio 2017
in mijn volledige review van Visual Studio 2017 heb ik het product als geheel besproken, met slechts een paar verwijzingen naar JavaScript. Ik zal de nadruk omdraaien.
over het algemeen dient Visual Studio 2017 Zeer goed als een JavaScript-IDE, hoewel het een betere.net-IDE is, en het is niet zo goed als WebStorm voor JavaScript. Hoewel het ook zeer goed dient als een JavaScript-editor, het is een betere C# – editor, en het is niet zo goed of zo snel als sublieme tekst voor JavaScript.,
zoals u kunt zien in de screenshot hieronder, doet Visual Studio 2017 goed werk met JavaScript syntaxiskleuring en code folding. Het doet ook een goede baan met JavaScript-code navigatie: Klik met de rechtermuisknop op een functie of de naam van het lid, en u kunt gemakkelijk springen Naar de definitie of vind alle referenties. Als je klaar bent met kijken naar de definitie, kun je op de pijl terug aan de bovenkant van de interface om terug te gaan naar waar je was.
u kunt eenvoudig knipsels invoegen en uw selectie omringen met de juiste code, zoals HTML-of URL-codering van stringvariabelen., Naast JavaScript, HTML en CSS kunt u Markdown-bestanden bewerken en de weergegeven Markdown zien, en u kunt werken met TypeScript.
daarnaast kunt u natuurlijk in elke. Net-taal, In C++ en in Python coderen. En zoals het geval is voor Visual Studio voor een lange tijd, kunt u werken met databases rechtstreeks vanuit de IDE. Visual Studio is vooral sterk bij het werken met SQL Server databases. U kunt wegkomen met het gebruik van Visual Studio in plaats van SQL Server Management Studio voor de meerderheid van de database operaties die u wilt doen als ontwikkelaar.,
Visual Studio 2017 ondersteunt debugging in vrijwel elke browser die u wilt gebruiken, inclusief browsers op mobiele apparaten en in emulators. Het heeft ook twee browsers van zijn eigen: de plain interne webbrowser, dat is (verrassing!) een versie van Internet Explorer, en de Page Inspector, die u de gerenderde pagina toont samen met alle bronnen en stijlen., Hoewel de Page Inspector doet veel potentieel tijdrovende, reverse-engineering dingen om zichzelf op te zetten voor een pagina, als je eenmaal in het kunt u daar blijven zonder te jongleren Visual Studio, de browser, en de browser ontwikkeltools.
de prestaties van Visual Studio 2017 zijn meestal vrij goed als je het genoeg geheugen en CPU-vermogen geeft, maar het heeft de neiging om aanzienlijke middelen te vereisen. Visual Studio 2017 heeft geweldige prestatiediagnostiek voor toepassingen, maar over het algemeen zijn ze niet zo handig voor gewone JavaScript-code, die meestal diep in een browser draait., Visual Studio heeft specifieke JavaScript functie timing, HTML UI responsiviteit, en JavaScript geheugen tools, maar ze zijn alleen van toepassing op JavaScript-gebaseerde universele Windows Platform projecten, niet web projecten die toevallig JavaScript gebruiken.
Visual Studio 2017 heeft geavanceerde ondersteuning voor Node.js, JavaScript ES6, en TypeScript met behulp van de salsa analyse engine. In ES6 modus kan het automatisch downloaden (van DefinitelyTyped) de” typings ” voor Node.js-pakketten die u installeert met NPM, om betere IntelliSense te bieden., Het kan ook automatisch installeren ontbrekende NPM modules, zoals te zien aan de onderkant links.
Visual Studio 2017 bevat excellent Node.js applicatie bewerken, IntelliSense, profilering, NPM integratie, TypeScript ondersteuning, debugging lokaal en op afstand (Windows, MacOS, Linux), en debugging op Azure Web Apps en Azure Cloud Services. Het heeft ook ondersteuning voor CSS, HTML, JavaScript, TypeScript, CoffeeScript, en minder., Dit omvat het uitvoeren van JSHint als je typt, zodat u JavaScript-bestanden te minifyen uit een context menu, en automatisch compileren CoffeeScript bestanden op save, met een side-by-side preview van de gegenereerde JavaScript.