JavaScript használják sokféle alkalmazás ma. Leggyakrabban a JavaScript a HTML5-tel és a CSS-szel működik web front endek építéséhez. De a JavaScript is segít mobilalkalmazások készítésében, és a hátoldalon is fontos helyet talált csomópont formájában.js szerverek. Szerencsére a JavaScript fejlesztési eszközök—mind a szerkesztők, mind az IDE-k-egyre inkább megfelelnek az új kihívásoknak.
miért használjon IDE-t szerkesztő helyett? A fő ok az, hogy egy IDE hibakeresést, néha profil a kódot., Az ide-k támogatják az ALM rendszereket is, integrálva a GIT, a GitHub, a Mercurial, a Subversion és a Perforce verzióvezérléshez. De ahogy több szerkesztő horgokat ad hozzá ezekhez a rendszerekhez,az ALM támogatás egyre kevésbé differenciáló.
Eclipse 2018 A JavaScript Development Tools
vissza az ősi időkben, amikor a Java Swing új és izgalmas volt, élveztem az Eclipse használatát a Java fejlesztéshez, de hamarosan továbbléptem más Java IDE-kre. Öt plusz évvel ezelőtt, amikor Android fejlesztést végeztem az Eclipse-vel, megtaláltam az élményt OK, de poky., Amikor megpróbáltam használni Eclipse Luna jsdt JavaScript fejlesztés 2014-ben, folyamatosan megjelenik hamis pozitív hibák érvényes kód telt JSHint.
szerencsére azóta több árus és nyílt forráskódú projekt lépett a lemezre. Eclipse 2018 A JavaScript Development Tools egy tisztességes JavaScript szerkesztő és egy Chrome-alapú hibakereső, de nem tud TypeScript, amely által használt Angular, vagy körülbelül ES6 és JSX fájlokat, amelyeket a React.
Az Eclipse mindig is élvezte a pluginek hatalmas piacát. A TypeScript esetében vegye figyelembe az ingyenes TypeScript 1.0-t.,0 plugin. Az Angular, TypeScript, ES6, úgy a kereskedelmi Angular IDE (codemix, korábban Webclipse), valamint a React projektek JSX fájlokat próbálja meg a nyílt forráskódú TypeScript IDE. Ha egynél többet ad hozzá, meg kell oldania a vitát arról, hogy melyiknek kell szerkesztenie a TypeScript fájlokat, de ez nem nagy ügy.
némi erőfeszítéssel az Eclipse munkát végezhet az Angular and React projektekkel., Bár az Eclipse nem támogatja a TypeScript, ES6 vagy JSX fájlokat a dobozból, hozzáadhat egy Angular IDE-t és egy TypeScript IDE-t a hiányosságok kitöltéséhez.
a Codemix eszközök számlázása vizuális Stúdiókód-okosság hozzáadása az Eclipse-hez. A legtöbb Eclipse bővítménnyel ellentétben az Angular IDE by CodeMix nem ingyenes, de van egy 45 napos ingyenes próbaverziója. Tekintettel arra, hogy a Visual Studio kód ingyenes, ezt figyelembe venném, mielőtt fizetnék az Angular IDE-ért.
költség: ingyenes; szögletes IDE CodeMix, $ 29 (személyes) vagy $48 (kereskedelmi) évente. Platform: Windows, MacOS és Linux.,
ActiveState Komodo IDE
2001-es bevezetése óta a Komodo IDE felhasználója és rajongója vagyok. Bár az olyan újabb termékek, mint a Visual Studio Code vagy a WebStorm, egyes területeken felülmúlták, még mindig jó szerkesztő és IDE.
a Komodo IDE fejlett JavaScript szerkesztést, szintaktikai kiemelést, navigációt és hibakeresést biztosít, de nem tartalmazza a JavaScript kód ellenőrzését. Ehhez mindig futtathatja a jshint-et egy héjban.
a Komodo több tucat programozási és jelölőnyelvet támogat., A széles körű programozási és jelölőnyelv támogatás, beleértve refactoring, hibakeresés, és profilalkotás, Komodo IDE egy nagyon jó választás a end-to-end fejlesztés nyílt forráskódú nyelveken.
Komodo rendelkezik egy kód refactoring modullal minden olyan nyelvhez, amelyhez kód intelligenciát biztosít: PHP, Perl, Python, Ruby, Tcl, JavaScript és Node.js. Sajnos ennek a megközelítésnek a “legkisebb közös nevező” jellege korlátozza a képességeket a változók és osztálytagok átnevezésére, valamint a kód metódusba történő kibontására. Mindazonáltal ezek a leghasznosabb esetek.,
a Komodo IDE mind oszlopszerkesztéssel, mind több kijelöléssel rendelkezik. Ez közel paritást biztosít a fenséges szöveggel és a Szövegmate-vel, ami a tömeges szerkesztéseket illeti. Amíg az összehasonlítást végezzük, a Komodo inkább IDE, míg a Magasztos szöveg sokkal gyorsabb. És amíg a teljesítményről beszélünk, a Komodo sebessége jelentősen javult a régebbi verziókhoz képest, a képernyő rajzolásában, a keresésben és a szintaxis ellenőrzésében.
a Komodo IDE számos olyan funkcióval rendelkezik, amelyek a legtöbb versengő termékben hiányoznak. Az egyik a HTTP Inspector, amely kiválóan alkalmas Ajax visszahívások hibakeresésére., A másik az Rx (regular expression, or regex) eszköztár, amely egy nagyszerű módja annak, hogy építsenek és teszteljék a reguláris kifejezések JavaScript, Perl, PHP, Python, és Ruby.
együttműködés egy másik Komodo IDE differenciáló-gondolj rá, mint a Google Docs kód. Létrehozhat munkameneteket fájlcsoportokhoz, névjegyeket adhat hozzá a munkamenetekhez együttműködőként, majd ugyanazon fájlokon együtt dolgozhat ugyanabban az időben, közel valós idejű szinkronizálással.
az együttműködés nem helyettesíti a forráskód vezérlését, de hasznos kiegészítő., A Komodo IDE CVs, Subversion, Perforce, Git, Mercurial és Bazaar segítségével integrálja a forráskód vezérlést. Csak az alapvető verzióvezérlő műveletek támogatottak. A speciális műveleteket, például az elágazást, külön forráskód-vezérlő klienssel kell elvégezni.
bár a Komodo nem rendelkezik saját JavaScript dokumentumformázóval, kihasználja a legjobb ingyenes nyílt forrást erre a célra. A dobozon kívül a JavaScript fájlok alapértelmezett formátuma a JS Beautifier, de további kilenc lehetőség érhető el egy legördülő menüben.,
Komodo IDE fejlett JavaScript szerkesztést, szintaxis kiemelést és navigációt biztosít, de nem tartalmaz jelentős JavaScript kódellenőrzést (ehhez futtassa a JSHint-et). Komodo támogatja több tucat programozási és jelölő nyelvek, a hangsúly a Perl, Python, PHP, Ruby, TCL, és XSLT, és ez magában foglalja a hibakeresés, refactoring, forráskód vezérlő integráció, és egység tesztelés.
Komodo IDE támogatja a kliens oldali JavaScript hibakeresését a Chrome-ban, és képes hibakeresésre.js mind helyben, mind távolról., Ez is debugs Perl, Python, PHP, Ruby, Tcl, és XSLT.
a Komodo IDE-nek van egy Dom megjelenítője, amely lehetővé teszi az XML és HTML dokumentumok összecsukható fákként való megtekintését. Azt is lehetővé teszi, hogy XPath kereséseket végezzen a fa szűrésére.
a Komodo kódprofilozó és egységtesztelő moduljai nem támogatják a Javascriptet. Azonban a JavaScript és a Node.a JS-t mind a Komodo Kód intelligencia modulja támogatja, amely kódböngészést, automatikus kiegészítést, valamint calltipeket valósít meg.
Komodo IDE közzéteheti fájlok csoportjait FTP, SFTP, FTPS, vagy SCP., A Komodo képes szinkronizálni a fájlokat, és észlelni azokat a lehetséges kiadói konfliktusokat, amelyek más emberek változásainak felülírásához vezethetnek.
összességében a Komodo egy jó, de nem nagy JavaScript IDE, és egy jó, de nem nagy JavaScript szerkesztő. Ez azonban jól szolgálhat az Ön igényeinek, különösen akkor, ha Perl, Python, PHP, Ruby, Tcl vagy XSLT is dolgozik.
költség: $295, plusz $ 87 évente frissítések és támogatás. Platform: Windows (7 vagy újabb), MacOS (10.9 vagy újabb), Linux.,
Apache NetBeans
NetBeans nagyon jó támogatást JavaScript, HTML5, és CSS3 webes projektek, és támogatja a Cordova / PhoneGap keretrendszer épület JavaScript-alapú mobil alkalmazások. A NetBeans nem a leggyorsabb IDE a blokkban,de ez az egyik teljesebb. Természetesen az ár megfelelő: a NetBeans ingyenesen elérhető nyílt forráskódú licenc alatt.
a NetBeans JavaScript editor szintaxis kiemelést, automatikus kiegészítést és kód összecsukást biztosít, nagyjából úgy, ahogy várnád., A JavaScript szerkesztési funkciók a PHP, JSP és HTML fájlokba ágyazott JavaScript kódoknál is működnek. a jQuery támogatást a szerkesztőbe sütik. NetBeans 8.2 új vagy jobb támogatást Node.js És Express, Gulp, Grunt, AngularJS, Knockout.js, Jade, Mocha és szelén.
kódelemzés fut a háttérben, ahogy szerkeszti, amely figyelmeztetések és tippeket. A hibakeresés a beágyazott webböngészőben, a Chrome-ban pedig a telepített NetBeans csatlakozóval működik. A hibakereső beállíthatja a DOM, line, event és XMLHttpRequest töréspontokat, és megjeleníti a változókat, az órákat és a hívásösszeget., Az integrált böngészőnapló ablakban megjelenik a böngésző kivételei, hibái és figyelmeztetései.
a NetBeans konfigurálhatja és elvégezheti az egység tesztelését a JSTESTDRIVERREL, egy JAR (Java archive) fájllal, amelyet ingyenesen letölthet. Az egységtesztek hibakeresése automatikusan engedélyezve van, ha a Jstestdriver böngészők egyikeként a NetBeans csatlakozóval rendelkező Chrome-ot adja meg, amikor a Szolgáltatások ablakban konfigurálja a Jstestdriver-t.,
Ha hibakeresés egy webes alkalmazás, a Chrome-ban a NetBeans-Csatlakozó edit CSS a Chrome Fejlesztői Eszközök, a változások lesz elfoglalták a NetBeans megmentette a CSS fájlokat. Ha azonban a CSS-fájlok kevesebb vagy Sass-stílusú lapokból származnak, manuálisan kell frissítenie a forráslapot, mert a CSS-fájlok csupán lefordított kimenetek.
a beágyazott webböngészőben és a Chrome-ban a NetBeans csatlakozó telepítésével a NetBeans network monitor segítségével megtekintheti a KÉRÉSFEJLÉCEKET, válaszokat, valamint a HÍVÁSCSOMAGOKAT a többi kommunikációhoz., A WebSocket kommunikációhoz mind a fejlécek, mind a szövegkeretek megjelennek. Összességében a NetBeans valamivel jobb hibakeresési élményt nyújt a Chrome-val, mint a Firefoxban a Firebug.
a NetBeans integrálja a forráskód vezérlést a Git, Subversion, Mercurial és CVS segítségével. A GIT támogatást egy grafikus Diff-megjelenítő, valamint egy IDE-n belüli polcrendszer egészíti ki. A NetBeans színkódja a fájlok Git állapotát, lehetővé teszi minden fájl felülvizsgálati előzményeinek megtekintését, valamint megmutatja a verzióvezérelt fájlok minden sorához tartozó revíziós és szerzői információkat., NetBeans hasonló integrációk Subversion, Mercurial, CVS, de én csak tesztelt Git.
a NetBeans integrálja a hibakövetést a Jira – val és a Bugzilla-val. A NetBeans feladat ablakban kereshet feladatokat, mentheti a kereséseket, frissítheti a feladatokat, valamint megoldhatja a feladatokat a regisztrált feladattárban. A NetBeans csapatszerver-integrációval is rendelkezik a Kenai infrastruktúrát használó webhelyek számára.
amennyire meg tudom határozni, a NetBeans nem rendelkezik JavaScript profilozással, bár képes Java alkalmazásokat és EJB modulokat profilozni., És míg a NetBeans képes refactor Java-t és PHP-t készíteni, addig nem tudja refactorálni a Javascriptet.
összességében, NetBeans egy tisztességes versenyző kliens oldali JavaScript, HTML5, CSS3 fejlesztés, különösen akkor, ha Ön is csinál Java, PHP, vagy C++ fejlesztés a szerveren. Ha nem rendelkezik a WebStorm költségvetésével, és nem szereti a Microsoftot, akkor azt találja, hogy a NetBeans elvégzi a munkát, mindaddig, amíg nem siet.
költség: ingyenes. Platform: Windows, Solaris, MacOS, Linux.,
Microsoft Visual Studio 2017
a Visual Studio 2017 teljes áttekintésében a termék egészét tárgyaltam, csak néhány hivatkozással a JavaScriptre. Megfordítom a hangsúlyt.
összességében, Visual Studio 2017 szolgál nagyon jól, mint a JavaScript IDE, bár ez egy jobb.net IDE, és ez nem olyan jó, mint WebStorm JavaScript. Bár ez is szolgál nagyon jól, mint a JavaScript szerkesztő, ez egy jobb C# szerkesztő, és ez nem olyan jó, vagy olyan gyors, mint fenséges Szöveg JavaScript.,
amint az az alábbi képernyőképen látható, a Visual Studio 2017 jó munkát végez a JavaScript szintaxis színezésével és a kód összecsukásával. Jó munkát végez a JavaScript kód navigációval is: kattintson a jobb gombbal egy funkcióra vagy tagnévre, könnyedén ugorhat a definícióra, vagy megtalálhatja az összes hivatkozást. Ha befejezte a definíció megtekintését, nyomja meg a felület tetején lévő hátsó nyilat, hogy visszatérjen oda, ahol volt.
könnyedén beillesztheti a töredékeket, és megfelelő kóddal, például HTML-vel vagy karakterláncváltozók URL-kódolásával körülveheti a kijelölést., A JavaScript, HTML és CSS mellett szerkesztheted a Markdown fájlokat, megnézheted a renderelt Markdown-t, és dolgozhatsz a TypeScript-el is.
ezenkívül természetesen kódolhat bármilyen.Net nyelven, C++ nyelven és Python nyelven. Mint a Visual Studio esetében már régóta, az adatbázisokkal közvetlenül az IDE-ből dolgozhat. A Visual Studio különösen erős, ha SQL Server adatbázisokkal dolgozik. Megúszhatja a Visual Studio használatával az SQL Server Management Studio helyett az adatbázis-műveletek többségét, amelyeket fejlesztőként szeretne elvégezni.,
Visual Studio 2017 támogatja hibakeresés nagyjából minden böngésző érdekel, hogy dobja rá, beleértve a böngészők a mobil eszközök, emulátorok. Két saját böngészője is van: a sima belső böngésző, ami (meglepetés!) az Internet Explorer és a Page Inspector egyik verziója, amely megmutatja a renderelt oldalt az összes forrással és stílussal együtt., Bár a Page Inspector nem egy csomó potenciálisan időigényes, reverse-engineering dolog, hogy beállítsa magát egy oldal, ha már benne lehet ott maradni anélkül, hogy zsonglőrködik Visual Studio, a böngésző, és a böngésző fejlesztői eszközök.
a Visual Studio 2017 teljesítménye általában elég jó, ha elegendő memóriát és CPU energiát ad neki, de általában jelentős erőforrásokat igényel. A Visual Studio 2017 nagyszerű teljesítménydiagnosztikával rendelkezik az alkalmazások számára, de általában nem minden olyan hasznos a szokásos JavaScript kódhoz, amely általában mélyen fut a böngészőben., Visual Studio speciális JavaScript funkció időzítés, HTML UI érzékenység, JavaScript memória eszközök, de csak alkalmazni JavaScript-alapú univerzális Windows Platform projektek, nem webes projektek, amelyek történetesen használni JavaScript.
Visual Studio 2017 fejlett támogatást Node.js, JavaScript ES6 és TypeScript a Salsa analysis engine segítségével. ES6 módban automatikusan letöltheti (a DefinitelyTyped-ből) a csomópont “betűkészleteit”.js csomagok telepíteni NPM, hogy jobb IntelliSense., Azt is automatikusan telepíti a hiányzó NPM modulok, amint az a bal alsó sarokban.
Visual Studio 2017 tartalmaz kiváló csomópont.js alkalmazásszerkesztés, IntelliSense, profilalkotás, NPM integráció, TypeScript támogatás, hibakeresés helyben és távolról (Windows, MacOS, Linux), valamint hibakeresés az Azure Webalkalmazásokon és az Azure Cloud Szolgáltatásokon. Támogatja a CSS, HTML, JavaScript, TypeScript, CoffeeScript stb., Ez magában foglalja a jshint futtatását gépelés közben, lehetővé téve a JavaScript fájlok helyi menüből történő kicsinyítését, valamint a CoffeeScript fájlok automatikus összeállítását a mentés közben, bemutatva a generált JavaScript egymás melletti előnézetét.