JavaScript käytetään monia erilaisia sovelluksia tänään. Useimmiten JavaScript toimii HTML5: n ja CSS: n kanssa web front endsin rakentamiseksi. Mutta JavaScript auttaa myös rakentamaan mobiilisovelluksia, ja se on löytänyt tärkeän paikan takapäästä solmun muodossa.JS-palvelimet. Onneksi JavaScript-kehitystyökalut—sekä muokkaajat että IDE-nousevat uusiin haasteisiin.
Miksi käyttää IDE: tä päätoimittajan sijaan? Tärkein syy on, että IDE voi debug ja joskus profiloida koodin., IDEs myös tukea ALM-järjestelmien integrointi tykkää Git, GitHub, Mercurial, Subversion ja Perforce version control. Mutta kun yhä useammat toimittajat lisäävät koukkuja näihin järjestelmiin, ALM-tuki on vähenemässä differentiaattoriksi.
Eclipse 2018 JavaScript-Kehityksen Työkalut
Takaisin muinaisina päivinä, kun Java Swing oli uutta ja jännittävää, olen nauttinut käyttäen Eclipse Java-kehitykseen, mutta siirtyi pian muihin Java-IDEs. Viisi plus vuotta sitten, kun tein jotain Android kehitys Eclipse, löysin kokemus OK, mutta poky., Kun yritin käyttää Eclipse Luna Jsdt JavaScript development vuonna 2014, se jatkuvasti näkyy vääriä positiivisia virheitä voimassa koodi, joka ohitti JSHint.
Onneksi, useat myyjät ja avoimen lähdekoodin projekteja on tehostettava lautaselle sen jälkeen. Eclipse 2018 JavaScript-kehitystyökaluilla on kunnollinen JavaScript-editori ja Chrome-pohjainen debuggeri, mutta se ei tiedä TypeScript-versiosta, jota Angular käyttää, tai ES6-ja JSX-tiedostoista, joita React käyttää.
Eclipse on aina nauttinut valtavasta liitännäisten markkinapaikasta. Kirjoitusvirheitä varten tarkastellaan vapaata kirjoitusvirhettä 1.0.,0 liitännäinen. Kulmikas, Kirjoituskoneella, ja ES6, harkitse kaupallinen Kulmikas IDE (by CodeMix, aiemmin Webclipse), ja Reagoida hankkeiden kanssa JSX-tiedostojen kokeilla avoimen lähdekoodin Kirjoituskoneella IDE. Jos lisäät enemmän kuin yksi, sinun täytyy ratkaista kiista, joka pitäisi muokata Koneella tiedostot, mutta se ei ole iso juttu.
joitakin vaivaa, voit tehdä Eclipse työskennellä Kulmikas ja Reagoida hankkeita., Vaikka Eclipse ei tue Kirjoituskoneella, ES6, tai JSX-tiedostoja, out of the box, voit lisätä Kulmikas IDE ja Kirjoituskoneella IDE täyttää aukot.
CodeMix-työkalut laskutetaan lisäämällä Visual Studio Code smarts pimennykseen. Toisin kuin useimmat Eclipse plugins, Angular IDE codemix ei ole ilmainen, mutta se on 45 päivän ilmainen kokeiluversio. Koska Visual Studio-koodi on ilmainen, harkitsisin sitä ennen kuin maksaisin kulmikkaasta IDE: stä.
kustannus: ilmainen; Angular IDE by CodeMix, $29 (henkilökohtainen) tai $48 (Kaupallinen) vuodessa. Alusta: Windows, MacOS, ja Linux.,
ActiveState Komodo IDE
olen ollut Komodo IDE: n käyttäjä ja fani siitä lähtien, kun se otettiin käyttöön vuonna 2001. Vaikka uudemmat tuotteet kuten Visual Studio Code ja WebStorm ovat ohittaneet sen joillakin alueilla, se on silti hyvä editori ja IDE.
Komodo IDE tarjoaa kehittyneitä JavaScript editointi, syntaksin korostus, navigointi, ja testaus, mutta se ei sisällä JavaScript-koodin tarkistus. Sitä varten, voit aina ajaa jshint kuoressa.
Komodo tukee kymmeniä ohjelmointi-ja merkintäkieliä., Komodo IDE on laaja ohjelmointi-ja merkintäkielituki, mukaan lukien refaktorointi, vianetsintä ja profilointi, ja se on erittäin hyvä valinta avoimen lähdekoodin kielten end-to-end-kehittämiseen.
Komodo on refaktorointi moduuli kaikki kielet, joille se tarjoaa koodin tiedustelu: PHP, Perl, Python, Ruby, Tcl, JavaScript-ja Node.js. Valitettavasti tämän lähestymistavan” vähiten yhteinen nimittäjä ” – luonne rajoittaa mahdollisuuksia nimetä muuttujia ja luokan jäseniä uudelleen ja poistaa koodi menetelmäksi. Nämä ovat kuitenkin joitakin hyödyllisimpiä tapauksia.,
Komodo IDE: llä on sekä sarakkeen muokkaus että useita valikoimia. Tämä tarjoaa lähellä pariteetti Sublime Text ja TextMate niin pitkälle kuin massa muokkaukset ovat huolissaan. Niin kauan kuin teemme vertailua, Komodo on enemmän IDE, kun taas Sublime teksti on paljon nopeampi. Ja niin kauan kuin puhumme suorituskykyä, Komodo nopeus on parantunut huomattavasti verrattuna vanhempiin versioihin, näytön piirustus, haku, ja syntaksitarkistus.
Komodo IDEISSA on useita ominaisuuksia, joita useimmilta kilpailevilta tuotteilta puuttuu. Yksi on sen HTTP tarkastaja, joka on erinomainen virheenkorjaus Ajax callbacks., Toinen on sen Rx (säännöllinen lauseke tai lausekkeen) toolkit, joka on erinomainen tapa rakentaa ja testata säännöllisiä lausekkeita, JavaScript, Perl, PHP, Python, ja Ruby.
Yhteistyö on toinen Komodo IDE-erottava—se on kuin Google-Dokumentit-koodi. Voit luoda istuntoja tiedostoryhmille, lisätä yhteystietoja istuntoihin yhteistyökumppaneina, sitten työskennellä yhdessä samoissa tiedostoissa samaan aikaan, lähes reaaliaikaisella synkronoinnilla.
Yhteistyö ei korvaa lähdekoodin ohjaus, mutta se on hyödyllinen lisä., Komodo IDE yhdistää lähdekoodin ohjaus käyttäen CVS, Subversion, Perforce, Git, Mercurial ja Bazaar. Vain perusversioiden ohjausoperaatioita tuetaan. Kehittyneet toiminnot, kuten haarautuminen, on tehtävä erillisellä lähdekoodiohjauksella.
vaikka Komodolla ei ole omaa JavaScript-dokumenttiformaattiaan, se hyödyntää tähän tarkoitukseen parasta ilmaista avointa lähdekoodia. Ruudusta JavaScript-tiedostojen oletusmuotoilija on JS Beautifier, mutta pudotusvalikosta löytyy vielä yhdeksän vaihtoehtoa.,
Komodo IDE tarjoaa kehittynyttä JavaScript-muokkausta, syntaksin korostusta ja navigointia, mutta ei sisällä merkittävää JavaScript-koodin tarkistusta (run jshint for that). Komodo tukee kymmeniä ohjelmointi-ja merkintäkieliä painottaen Perl: ää, Pythonia, PHP: tä, Rubya, Tcl: ää ja XSLT: tä, ja se sisältää virheenkorjauksen, refaktoroinnin, lähdekoodiohjauksen integroinnin ja yksikkötestauksen.
Komodo IDE tukee Debugging client-side JavaScript Chrome, ja se voi debug solmu.JS sekä paikallisesti että etänä., Se myös debugs Perl, Python, PHP, Ruby, Tcl, ja XSLT.
Komodo IDE on DOM-katseluohjelma, jonka avulla voit tarkastella XML-ja HTML-asiakirjoja, kuten kokoontaitettava puita. Sen avulla voit myös tehdä XPath-hakuja puun suodattamiseksi.
Komodon koodiprofilointi ja yksikkötestausmoduulit eivät tue JavaScriptiä. Kuitenkin JavaScript ja Solmu.js: ää tukee Komodon Koodiälymoduuli, joka toteuttaa koodinselauksen, automaattitäydennyksen ja kutsut.
Komodo IDE voi julkaista tiedostoryhmiä FTP: n, SFTP: n, FTPS: n tai SCP: n kautta., Komodo voi myös synkronoida tiedostoja ja havaita mahdolliset julkaisuristiriidat, jotka voivat aiheuttaa voit korvata muiden ihmisten muutokset.
kaiken kaikkiaan Komodo on hyvä, mutta ei suuri JavaScript IDE, ja hyvä mutta ei suuri JavaScript editor. Se voi kuitenkin hyvin palvella tarpeitasi, varsinkin jos työskentelet myös Perl: n, Pythonin, PHP: n, Rubyn, Tcl: n tai XSLT: n kanssa.
kustannukset: $295, plus $87 vuodessa päivitykset ja tuki. Foorumi: Windows (7 tai uudempi), MacOS (10.9 tai uudempi), Linux.,
Apache NetBeans
NetBeans on erittäin hyvä tuki JavaScript, HTML5 ja CSS3 web hankkeita, ja se tukee Cordova/PhoneGap puitteet rakentaa JavaScript-pohjainen mobiilisovelluksia. NetBeans ei ole lohkon nopein IDE, mutta se on yksi täydellisimmistä. Ja tietenkin hinta on oikea: NetBeans on saatavilla ilmaiseksi avoimen lähdekoodin lisenssillä.
NetBeans JavaScript editor tarjoaa syntaksin korostuksen, automaattitäydennyksen ja koodin taittamisen, kutakuinkin niin kuin odotit., JavaScript-muokkausominaisuudet toimivat myös PHP -, JSP-ja HTML-tiedostoihin upotetulle JavaScript-koodille. jQuery-tuki leivotaan toimitukseen. NetBeans 8.2: ssa on uusi tai parannettu tuki solmulle.js ja Express, Gulp, Grunt, AngularJS, Knockout.JS, Jade, Mocha ja seleeni.
Koodianalyysi kulkee taustalla muokatessasi, antaen varoituksia ja vihjeitä. Vianetsintä toimii sulautetulla WebKit-selaimella ja Chromessa NetBeans-liittimellä asennettuna. Debuggeri voi asettaa DOM, line, tapahtuma, ja XMLHttpRequest keskeytyspisteet, ja se näyttää muuttujat, kellot, ja puhelun pino., Integroitu selaimen loki-ikkuna näyttää selaimen poikkeuksia, virheitä ja varoituksia.
NetBeans voit määrittää ja suorittaa yksikkötestaus kanssa JsTestDriver, JAR (Java archive) tiedosto, jonka voi ladata ilmaiseksi. Testaus yksikkö testit on automaattisesti käytössä, jos olet määrittänyt Chrome kanssa NetBeans-Liitin yksi JsTestDriver-selaimissa, kun olet määrittänyt JsTestDriver Palvelut-ikkunassa.,
kun vianetsit verkkosovellusta Chromessa NetBeans-liittimellä ja muokkaat CSS: ää Chrome Developer Tools-työkaluista, NetBeans tallentaa muutokset CSS-tiedostoihin. Kuitenkin, jos CSS-tiedostot olivat syntyy Vähemmän tai Sass style sheets, sinun täytyy manuaalisesti päivittää lähde arkki, koska CSS-tiedostot ovat vain koottu tuotos.
embedded WebKit-selaimessa ja Chromessa NetBeans-liittimen ollessa asennettuna voit käyttää NetBeans-verkkomonitoria pyyntöjen otsikoiden, vastausten ja puhelupinojen katseluun levon viestintään., Websocketin viestinnässä on esillä sekä otsikoita että tekstikehyksiä. Kaiken kaikkiaan NetBeans tarjoaa Chromella hieman paremman virheenjäljityskokemuksen kuin Firefoxissa Firebugilla.
NetBeans integroituu source code control with Git, Subversion, Mercurial, ja CVS. Git-tuki on täydennetty graafinen Diff viewer ja hyllyt järjestelmän sisällä IDE. NetBeans väri-koodit Git-aseman tiedostoja, voit tarkastella uusinta historiaa jokaisen tiedoston, ja näyttää, versio ja tekijä tiedot kustakin linja versioidut tiedostot., Netbeansilla on samanlaisia integraatioita Subversion, Mercurial ja CVS: n kanssa, mutta testasin vain Git: tä.
NetBeans integroituu kysymys seuranta Jira ja Bugzilla. Vuonna NetBeans-tehtävä-ikkunassa, voit hakea tehtäviä, tallentaa hakuja, päivittää tehtäviä ja ratkaista tehtäviä rekisteröity tehtävän arkistoon. Netbeansilla on myös Team server-integraatio Kenai-infrastruktuuria käyttäville sivustoille.
sikäli kuin voin määrittää, Netbeansilta puuttuu JavaScript-profilointi, vaikka se voi profiloida Java-sovelluksia ja EJB-moduuleja., Ja vaikka NetBeans voi refactor Java ja PHP, se ei voi refactor JavaScript.
kaiken kaikkiaan NetBeans on asiallinen haastaja asiakaspuolen JavaScriptille, HTML5: lle ja CSS3: n kehittämiselle, varsinkin jos teet palvelimella myös Java -, PHP-tai C++ – kehitystyötä. Jos sinulla ei ole budjettia WebStorm ja pidä Microsoft, huomaat, että NetBeans tekee työtä, kunhan et ole valtava kiire.
kustannus: ilmainen. Alusta: Windows, Solaris, MacOS, Linux.,
Microsoft Visual Studio 2017
in my full review of Visual Studio 2017 I discussed the product as a whole, with only a few references to JavaScript. Peruutan painotuksen tässä.
kaiken kaikkiaan Visual Studio 2017 toimii hyvin JavaScript-IDE: nä, vaikka se on parempi.Net IDE, eikä se ole yhtä hyvä kuin Webstorm JavaScriptille. Vaikka se toimii myös erittäin hyvin JavaScript editor, se on parempi C# editor, ja se ei ole yhtä hyvä tai yhtä nopea kuin Sublime tekstiä JavaScript.,
kuten alla olevasta kuvakaappauksesta näkyy, Visual Studio 2017 tekee hyvää työtä JavaScript-syntaksivärityksen ja koodin taittamisen kanssa. Se tekee myös hyvää työtä JavaScript – koodinavigoinnin kanssa: napsauta hiiren kakkospainikkeella toimintoa tai jäsennimeä, ja voit helposti hypätä määritelmään tai löytää kaikki viitteet. Kun olet valmis tarkastelemaan määritelmää, voit painaa takanuolta käyttöliittymän yläosassa palataksesi sinne, missä olit.
voit helposti lisätä niksejä ja surround your selection with appropriate code, such as HTML or URL encoding of string muuttujia., Lisäksi JavaScript, HTML ja CSS, voit muokata Markdown tiedostoja, ja nähdä sulatettu Markdown, ja voit työskennellä Koneella.
lisäksi voi tietysti koodata millä tahansa.Net-kielellä, C++: ssa ja Pythonissa. Ja kuten Visual Studiolla on ollut jo pitkään, tietokantojen kanssa voi työskennellä suoraan IDE: stä. Visual Studio on erityisen vahva työskennellessään SQL Server-tietokantojen kanssa. Voit päästä eroon käyttämällä Visual Studio sijasta SQL Server Management Studio suurin osa tietokantatoiminnot haluat tehdä kehittäjänä.,
Visual Studio 2017 tukee virheenkorjausta lähes missä tahansa selaimessa, jota haluat heittää, mukaan lukien selaimet mobiililaitteissa ja emulaattoreissa. Siinä on myös kaksi omaa selainta: tavallinen sisäinen verkkoselain, joka on (yllätys!) versio Internet Explorer, ja sivu tarkastaja, joka näyttää renderoitu sivu sekä kaikki lähteet ja tyylejä., Vaikka sivu tarkastaja tekee paljon potentiaalisesti aikaa vievää, Käänteinen-engineering juttuja asettaa itsensä sivulle, kun olet siinä, voit pysyä siellä tarvitsematta jästata Visual Studio, selain, ja selaimen kehittäjä työkaluja.
Visual Studio 2017: n suorituskyky on yleensä melko hyvä, jos sille antaa tarpeeksi muistia ja suorittimen tehoa, mutta se vaatii yleensä merkittäviä resursseja. Visual Studio 2017 on hyvä suorituskyky diagnostiikka sovelluksia, mutta yleensä ne eivät ole kaikki niin hyödyllisiä tavallinen JavaScript-koodi, joka tyypillisesti toimii syvällä selaimessa., Visual Studiolla on erityinen JavaScript-toiminnon ajoitus, HTML UI-reagointikyky ja JavaScript – muistityökalut, mutta ne koskevat vain JavaScript-pohjaisia Universal Windows Platform-projekteja, eivät Web-projekteja, jotka sattuvat käyttämään JavaScriptiä.
Visual Studio 2017 on kehittynyt tuki solmulle.JS, JavaScript ES6 ja TypeScript Salsa – analyysimoottorin avulla. ES6-tilassa se voi automaattisesti ladata (DefinitelyTyped) ”typings” solmu.JS-paketit, jotka asennat NPM: llä, tarjoavat parannetun Intellisensen., Se voi myös automaattisesti asentaa puuttuvat NPM moduulit, kuten näkyy alareunassa vasemmalla.
Visual Studio 2017 sisältää erinomaisen solmun.JS-sovellusten muokkaus, IntelliSense, profilointi, NPM-integraatio, TypeScript-tuki, virheenkorjaus paikallisesti ja etänä (Windows, MacOS, Linux) ja virheenkorjaus Azure-verkkosovelluksissa ja Azure-pilvipalveluissa. Se on myös tukea CSS, HTML, JavaScript, Konekirjoitusteksti, CoffeeScript, ja Vähemmän., Tämä sisältää käynnissä JSHint, kun kirjoitat, joten voit minify JavaScript-tiedostoja pikavalikon, ja automaattisesti koota CoffeeScript tiedostoja tallentaa, näyttää side-by-side esikatselu luotu JavaScript.