JavaScript er brukt til mange forskjellige typer programmer i dag. Oftest, JavaScript fungerer med HTML5 og CSS for å bygge web-front-ender. Men JavaScript bidrar også til å bygge mobile applikasjoner, og det har funnet et viktig sted på back-end i form av Noden.js-servere. Heldigvis, JavaScript utvikling verktøy—både redaktører og IDEs—er stigende å møte de nye utfordringene.
Hvorfor bruke en IDE i stedet for en redaktør? Den viktigste grunnen er at en IDE kan feilsøke og noen ganger profilen din kode., IDEs har også støtte for ALM-systemer, integrert med det liker av Git, GitHub, Mercurial, Subversion, og Være for versjonskontroll. Men som flere redaktører legge kroker til disse systemene, ALM støtte er blitt mindre av en faktor.
Eclipse 2018 med JavaScript-Utvikling av Verktøy
Tilbake i de gamle dager når Java Swing-det var nytt og spennende, jeg likte å bruke Eclipse for Java-utvikling, men flyttet snart til andre Java-IDEs. Fem-pluss år siden, da jeg gjorde noen Android-utvikling med Eclipse, jeg fant erfaring OK, men poky., Når jeg prøvde å bruke Eclipse Luna med JSDT for JavaScript-utvikling i 2014, er det stadig vises false-positive feil for en gyldig kode som gikk JSHint.
Heldigvis flere leverandører og åpen kildekode-prosjekter har trappet opp til platen siden da. Eclipse 2018 med JavaScript-Utvikling Tools har en anstendig JavaScript editor og en Chrome-basert debugger, men det vet ikke om maskinskrevet kopi, som brukes av Kantete, eller om ES6 og JSX-filer, som er brukt ved å Reagere.
Eclipse har alltid hatt en stor markedsplass av plugins. For maskinskrevet kopi, vurdere gratis maskinskrevet kopi 1.0.,0 plugin. For Kantete, maskinskrevet kopi, og ES6, bør du vurdere det kommersielle Kantete IDE (ved CodeMix, tidligere Webclipse), og for å Reagere prosjekter med JSX filer prøve åpen kildekode maskinskrevet kopi IDE. Hvis du legger til mer enn én, vil du trenger for å løse sine tvister om hvor man bør redigere maskinskrevet kopi-filer, men det er ikke en stor avtale.
Med litt innsats, kan du gjøre Eclipse arbeid med Kantete og Reagere prosjekter., Selv om Eclipse støtter ikke maskinskrevet kopi, ES6, eller JSX filer ut av boksen, kan du legge til en Kantete IDE og en maskinskrevet kopi IDE å fylle ut hullene.
CodeMix verktøy er fakturert som legger til Visual Studio Kode smarts til Eclipse. I motsetning til de fleste Eclipse plugins, Kantete IDE av CodeMix er ikke gratis, men det har en 45-dagers gratis prøveversjon. Gitt at Visual Studio-Koden er gratis, jeg ville vurdere at før du betaler for Kantete IDE.
Pris: Gratis, Kantete IDE av CodeMix, $29 (Personlig) eller $48 (Kommersielle) per år. Plattform: Windows, MacOS og Linux.,
ActiveState Komodo IDE
jeg har blitt en bruker og fan av Komodo IDE siden den først ble introdusert i 2001. Selv om nyere produkter som Visual Studio-Koden og WebStorm har overgått det i enkelte områder er det fortsatt en god editor og IDE.
Komodo IDE gir avansert JavaScript redigering, syntaks utheving, navigasjon og debugging, men den inkluderer ikke JavaScript-kode for å sjekke. For det, kan du alltid kjøre JSHint i et skall.
Komodo støtter dusinvis av programmering og markup språk., Med sitt brede spekter av programmering og markup language support, inkludert refactoring, debugging og profilering, Komodo IDE er et svært godt valg for ende-til-ende-utvikling i åpen kildekode språk.
Komodo har en kode refactoring modul for alle språk som det gir kode etterretning: PHP, Perl, Python, Ruby, Tcl, JavaScript, og Node.js. Dessverre, det «minste felles multiplum» arten av denne tilnærmingen begrenser mulighetene til å endre navn på variabler og klasse medlemmer, og for å trekke ut koden inn i en metode. Likevel, disse er noen av de mest nyttige saker.,
Komodo IDE har både kolonne redigering og flere valg. Dette gir i nærheten paritet med Sublime Tekst og TextMate så langt som masse redigering er bekymret. Så lenge vi gjør sammenligningen, Komodo er mer en IDE, mens Sublime Tekst er mye raskere. Og så lenge vi diskuterer ytelse, Komodo er hastigheten har økt merkbart i forhold til eldre versjoner, i skjermen, tegne, søke og syntaks sjekking.
Komodo IDE har flere funksjoner som de fleste konkurrerende produkter mangel. Man er sin HTTP Inspektør, som er utmerket for debugging Ajax tilbakering., En annen er dens Rx (regulære uttrykk, eller regex) toolkit, som er en flott måte å bygge og teste regulære uttrykk for JavaScript, Perl, PHP, Python og Ruby.
Samarbeid er en annen Komodo IDE-faktor—tenk på det som Google Docs for kode. Du kan opprette sesjoner for grupper av filer, legge til kontakter til økter som samarbeidspartnere, deretter arbeide sammen på de samme filene samtidig, med nær-sanntids synkronisering.
Samarbeid er ikke en erstatning for kildekode kontroll, men det er et nyttig supplement., Komodo IDE integrerer kildekode kontroll ved hjelp av CVS, Subversion, Være, Git, Mercurial, og Basaren. Bare den grunnleggende versjonen kontroll operasjoner er støttet. Avanserte operasjoner, slik som forgrening, må gjøres ved hjelp av en separat kilde kode kontroll klient.
Selv om Komodo ikke har sin egen JavaScript-dokument formatter, det tar nytte av de beste gratis og åpen kildekode for dette formålet. Ut av boksen, som standard formatter til JavaScript-filer er JS Beautifier, men en annen ni alternativer er tilgjengelige gjennom en drop-down menyen.,
Komodo IDE gir avansert JavaScript redigering, syntaks utheving, og navigasjon, men ikke har betydelig JavaScript-kode kontroll (kjør JSHint for det). Komodo støtter dusinvis av programmering og markup språk, med vekt på Perl, Python, PHP, Ruby, Tcl, og XSLT, og det omfatter feilsøking, refactoring, kildekode kontroll integrering, og enhetstesting.
Komodo IDE støtter feilsøking på klientsiden JavaScript i Chrome, og det kan debug-Noden.js både lokalt og eksternt., Det er også debugs Perl, Python, PHP, Ruby, Tcl, og XSLT.
Komodo IDE har en DOM viewer som lar deg vise XML og HTML-dokumenter som sammenleggbare trær. Det kan du også gjøre XPath søker å filtrere treet.
Komodo koden for profilering og unit testing moduler støtter ikke JavaScript. Imidlertid, JavaScript og Node.js er begge støttes av Komodo Koden Intelligens modul som implementerer koden du surfer, automatisk fullføring, og calltips.
Komodo IDE kan publisere grupper av filer via FTP, SFTP, FTP eller SCP., Komodo kan også synkronisere filer og oppdage potensielle publisering konflikter som kan føre til at du overskrive andre folks endringer.
Samlet, Komodo er en god, men ikke stor JavaScript IDE, og en god, men ikke stor JavaScript editor. Men, det kan godt tjene dine behov, spesielt hvis du også arbeide med Perl, Python, PHP, Ruby, Tcl, eller XSLT.
Pris: $295, pluss $87 per år for oppgraderinger og support. Plattform: Windows (7 eller høyere), MacOS (10.9 eller høyere), Linux.,
Apache NetBeans
NetBeans har svært god støtte for JavaScript, HTML5 og CSS3 i web-prosjekter, og det støtter Cordova/PhoneGap rammeverk for å bygge JavaScript-baserte mobile applikasjoner. NetBeans er ikke den raskeste IDE på blokken, men det er en av de mer komplett. Og, selvfølgelig, prisen er høyre: NetBeans er gratis tilgjengelig under åpen kildekode-lisens.
The NetBeans JavaScript editor gir syntaks utheving, automatisk fullføring, og kode folding, ganske mye som du forventer., JavaScript-redigering funksjoner også arbeide for JavaScript-kode innebygd i PHP, JSP og HTML-filer. jQuery støtte er bakt inn i editoren. NetBeans 8.2 har ny eller forbedret støtte for Node.js og Express, Svelge, Grynt, AngularJS, Knockout.js, Jade, Mocha, og Selen.
– Koden analyse kjører i bakgrunnen mens du redigerer, og gir advarsler og tips. Debugging fungerer i embedded WebKit-nettleser og i Krom med NetBeans Kontakt installert. Feilsøkingsprogrammet kan angi DOM, linje, event, og XMLHttpRequest stoppunkter, og det vil vise variabler, klokker og ringer stabelen., En integrert nettleser log-vinduet viser nettleser unntak, feil og advarsler.
NetBeans kan konfigurere og utføre unit testing med JsTestDriver, en KRUKKE (Java archive) fil som du kan laste ned gratis. Debugging av enhet tester aktiveres automatisk hvis du vil angi Chrome med NetBeans-Kontakt som en av de JsTestDriver nettlesere når du konfigurerer JsTestDriver i Tjenester-vinduet.,
Når du feilsøker en web-applikasjon i Chrome med NetBeans-Kontakt og redigere CSS fra Chrome utviklerverktøy, endringene vil bli tatt med NetBeans og lagres i CSS-filer. Imidlertid, hvis din CSS-filer som ble generert fra Mindre eller Sass stilark, du er nødt til å manuelt oppdatere kilde ark fordi CSS-filene er bare utarbeidet utgang.
I den innebygde WebKit-nettleser og i Krom med NetBeans Kontakt installert, kan du bruke NetBeans network monitor for å vise forespørsel overskrifter, svar, og samtale stabler for RESTEN kommunikasjon., For WebSocket kommunikasjon, både overskrifter og tekst bilder vises. Totalt sett NetBeans gir en litt bedre feilsøking erfaring med Chrome enn du får i Firefox med Firebug.
NetBeans integrerer kildekode kontroll med Git, Subversion, Mercurial, og CVS. Git støtte er utvidet med en grafisk Diff viewer og hyller system innenfor IDE. NetBeans farge-koder Git status av filer, kan du vise historikken for hver fil, og viser deg revisjon og forfatter informasjon for hver linje av versjon-kontrollerte filer., NetBeans har lignende integrasjoner med Subversion, Mercurial, og CVS, men jeg bare testet Git.
NetBeans integrerer problemet-sporing med Jira og Bugzilla. I NetBeans oppgave-vinduet, kan du søke etter oppgaver, lagre søk, kan du oppdatere oppgaver, og løse oppgaver i din registrerte oppgave depotet. NetBeans har også team server integration for nettsteder som bruker Kenai infrastruktur.
Så vidt jeg kan finne ut, NetBeans mangler enhver JavaScript profilering, selv om det kan profilen EJB Java-programmer og moduler., Og mens NetBeans kan refactor Java og PHP, kan det ikke refactor JavaScript.
Samlet, NetBeans er en anstendig kandidat for klient-side JavaScript, HTML5 og CSS3 utvikling, spesielt hvis du også gjør Java, PHP, eller C++ utvikling på serveren. Hvis du ikke har budsjett for WebStorm og misliker Microsoft, vil du finne at NetBeans gjør jobben, så lenge du ikke er i en stor hast.
Pris: Gratis. Plattform: Windows, Solaris, Mac Os, Linux.,
Microsoft Visual Studio 2017
I min full gjennomgang av Visual Studio 2017 jeg diskuterte produktet som helhet, med bare noen få referanser til JavaScript. Jeg vil reversere vekt her.
Samlet, Visual Studio 2017 fungerer veldig godt som en JavaScript-IDE, selv om det er en bedre .Net IDE, og det er ikke så god som WebStorm for JavaScript. Mens det fungerer også veldig godt som en JavaScript editor, det er en bedre C# editor, og det er ikke så bra eller så fort som Sublime Tekst for JavaScript.,
Som du kan se i skjermbildet nedenfor, Visual Studio 2017 gjør en god jobb med JavaScript syntaks coloring og kode folding. Det gjør også en god jobb med JavaScript-kode navigasjon: Høyre-klikke på en funksjon eller medlem navn, og du kan lett hoppe til den definisjon eller finne alle referanser. Når du er ferdig med å se på definisjonen, kan du trykke på tilbake-pilen på toppen av grensesnitt for å gå tilbake til der du var.
Du kan enkelt sette inn biter og surround-utvalget med riktige koden, for eksempel HTML eller URL-koding av streng variabler., I tillegg JavaScript, HTML og CSS, kan du redigere Markdown-filer og se gjengitt Markdown, og du kan jobbe med maskinskrevet kopi.
I tillegg kan du selvfølgelig kode på noen .Net språk, i C++, og i Python. Og som har vært tilfelle for Visual Studio for en lang tid, kan du arbeide med databaser direkte fra IDE. Visual Studio er spesielt sterk når du arbeider med SQL Server databaser. Du kan komme unna med å bruke Visual Studio i stedet for SQL Server Management Studio for flertallet av databaseoperasjoner du ønsker å gjøre deg som utvikler.,
Visual Studio 2017 støtter debugging i ganske mye alle nettlesere du har lyst til å kaste på den, inkludert nettlesere på mobile enheter og i emulatorer. Det har også to lesere av sine egne: vanlig interne nettleser, som er (overraskelse!) en versjon av Internet Explorer, og Siden Inspektør, som viser deg den formaterte siden sammen med alle kilder og stiler., Selv om Siden Inspektør gjør mye av potensielt tidkrevende, reverse-engineering ting å sette seg opp for en side, når du er i det du kan bo der uten å måtte sjonglere Visual Studio, nettleser og nettleserens verktøy for utviklere.
resultatene av Visual Studio 2017 er vanligvis ganske bra hvis du gir det nok minne og CPU-kraft, men det har en tendens til å kreve betydelige ressurser. Visual Studio 2017 har stor ytelse-diagnostikk for programmer, men i det store og de er ikke alle som nyttig for vanlige JavaScript-kode, som vanligvis går dypt inne i en nettleser., Visual Studio har en spesifikk JavaScript-funksjon timing, HTML-UI hastighet, og JavaScript minne verktøy, men de kun gjelder JavaScript-basert Universal Windows-Plattformen prosjekter, ikke web-prosjekter er at det forer til å bruke JavaScript.
Visual Studio 2017 har avansert støtte for Node.js, JavaScript ES6, og maskinskrevet kopi med Salsa analyse motor. I ES6-modus det kan automatisk laste ned (fra DefinitelyTyped) den «typings» for Node.js-pakker du har installert med NPM, for å gi bedre IntelliSense., Det kan også automatisk installere manglende NPM moduler, som sees nederst til venstre.
Visual Studio 2017 inkluderer utmerket Node.js-programmet redigering, IntelliSense, profilering, NPM integrering, maskinskrevet kopi support, feilretting, lokalt og eksternt (Windows, MacOS, Linux), og debugging på Azure Web Apps og Azure Cloud-Tjenester. Det har også støtte for CSS, HTML, JavaScript, maskinskrevet kopi, CoffeeScript, og Mindre., Dette inkluderer kjører JSHint som du skriver, slik at du kan minify JavaScript-filer fra en kontekst-menyen, og automatisk kompilering CoffeeScript-filer på save (lagre), vise en side-ved-side forhåndsvisning av den genererte JavaScript.