JavaScript este folosit pentru multe tipuri diferite de aplicații astăzi. Cel mai adesea, JavaScript funcționează cu HTML5 și CSS pentru a construi fronturi web. Dar JavaScript ajută, de asemenea, să construiască aplicații mobile și a găsit un loc important pe capătul din spate sub formă de nod.servere js. Din fericire, instrumentele de dezvoltare JavaScript—atât editorii, cât și IDE—se ridică pentru a face față noilor provocări.
de ce să folosiți un IDE în loc de un editor? Motivul principal este că un IDE poate depana și, uneori, profilul codul., Ide au, de asemenea, suport pentru sistemele ALM, integrarea cu place de Git, GitHub, Mercurial, Subversion, și Perforce pentru controlul versiunii. Dar, pe măsură ce mai mulți editori adaugă cârlige la aceste sisteme, suportul ALM devine din ce în ce mai puțin diferențiator.
Eclipse 2018 cu JavaScript Development Tools
în antichitate, când Java Swing era nou și interesant, mi-a plăcut să folosesc Eclipse pentru dezvoltarea Java, dar în curând am trecut la alte IDE-uri Java. Acum cinci ani, când am făcut unele de dezvoltare Android cu Eclipse, am găsit experiența OK, dar poky., Când am încercat să folosesc Eclipse Luna cu JSDT pentru dezvoltarea JavaScript în 2014, a afișat în mod constant erori fals pozitive pentru codul valid care a trecut JSHint.din fericire, mai mulți furnizori și proiecte open source au urcat pe placă de atunci. Eclipse 2018 cu instrumente de dezvoltare JavaScript are un editor JavaScript decent și un debugger bazat pe Chrome, dar nu știe despre TypeScript, care este folosit de Angular sau despre fișierele ES6 și JSX, care sunt utilizate de React.Eclipse s-a bucurat întotdeauna de o piață uriașă de pluginuri. Pentru TypeScript, luați în considerare TypeScript gratuit 1.0.,0 modul. Pentru Angular, TypeScript și ES6, luați în considerare IDE-ul unghiular comercial (de CodeMix, anterior Webclipse), iar pentru React projects cu fișiere JSX încercați IDE-ul TypeScript open source. Dacă adăugați mai multe, va trebui să rezolvați disputa lor cu privire la care ar trebui să editați fișierele TypeScript, dar nu este mare lucru.
cu ceva efort, puteți face munca Eclipse cu proiecte unghiulare și React., Deși Eclipse nu acceptă fișierele TypeScript, ES6 sau JSX din cutie, puteți adăuga un IDE unghiular și un IDE TypeScript pentru a completa golurile.
instrumentele CodeMix sunt facturate ca adăugând Visual Studio Code smarts la Eclipse. Spre deosebire de majoritatea pluginurilor Eclipse, Angular IDE by CodeMix nu este gratuit, dar are o încercare gratuită de 45 de zile. Având în vedere că Visual Studio Code este gratuit, aș considera că înainte de a plăti pentru IDE unghiular.
Cost: gratuit; unghiular IDE de CodeMix, $29 (Personal) sau $48 (comercial) pe an. Platformă: Windows, MacOS și Linux.,
ActiveState Komodo IDE
am fost un utilizator și fan al Komodo IDE de când a fost introdus pentru prima dată în 2001. Deși produse mai noi, cum ar fi Visual Studio Code și WebStorm l-au depășit în unele zone, este încă un editor bun și IDE.Komodo IDE oferă editare avansată JavaScript, evidențierea sintaxei, navigare și depanare, dar nu include verificarea codului JavaScript. Pentru asta, puteți rula întotdeauna JSHint într-o coajă.Komodo suportă zeci de limbaje de programare și marcare., Cu o gamă largă de programare și suport limbaj de marcare, inclusiv refactoring, depanare, și profilare, Komodo IDE este o alegere foarte bună pentru dezvoltarea end-to-end în limbi open source.Komodo are un modul de refactorizare a codului pentru toate limbile pentru care oferă informații despre cod: PHP, Perl, Python, Ruby, Tcl, JavaScript și Node.J. S. Din păcate, „numitorul cel mai puțin comun” al acestei abordări limitează capacitățile de redenumire a variabilelor și a membrilor clasei și de extragere a codului într-o metodă. Cu toate acestea, acestea sunt unele dintre cele mai utile cazuri.,Komodo IDE are atât editare coloană și mai multe selecții. Acest lucru oferă aproape paritate cu text sublim și TextMate în ceea ce privește editările în masă. Atâta timp cât facem comparația, Komodo este mai mult un IDE, în timp ce textul sublim este mult mai rapid. Și atâta timp cât discutăm despre performanță, viteza Komodo sa îmbunătățit considerabil în comparație cu versiunile mai vechi, în desenarea ecranului, căutarea și verificarea sintaxei.Komodo IDE are câteva caracteristici pe care majoritatea produselor concurente le lipsesc. Unul este inspectorul său HTTP, care este excelent pentru depanarea apelurilor Ajax., Un alt este setul de instrumente RX (regular expression sau regex), care este o modalitate excelentă de a construi și testa expresii regulate pentru JavaScript, Perl, PHP, Python și Ruby.
colaborarea este un alt diferențiator Komodo IDE-gândiți-vă la ea ca la Google Docs pentru cod. Puteți crea sesiuni pentru grupuri de fișiere, puteți adăuga contacte la sesiuni ca colaboratori, apoi puteți lucra împreună la aceleași fișiere în același timp, cu sincronizare aproape în timp real.
colaborarea nu este un înlocuitor pentru controlul codului sursă, dar este un supliment util., Komodo IDE integrează controlul codului sursă folosind CVS, Subversion, Perforce, Git, Mercurial și Bazaar. Sunt acceptate numai operațiunile de bază de control al versiunii. Operațiunile avansate, cum ar fi ramificarea, trebuie efectuate folosind un client separat de control al codului sursă.deși Komodo nu are propriul Formatator de documente JavaScript, acesta profită de cea mai bună sursă deschisă gratuită în acest scop. În afara casetei, formatorul implicit pentru fișierele JavaScript este JS Beautifier, dar alte nouă opțiuni sunt disponibile printr-un meniu derulant.,
Komodo IDE oferă JavaScript avansate de editare, evidențierea sintaxei, și de navigare, dar nu include semnificative JavaScript cod de verificare (run JSHint pentru asta). Komodo suportă zeci de limbaje de programare și marcare, cu accent pe Perl, Python, PHP, Ruby, Tcl și XSLT și include depanarea, refactorizarea, integrarea controlului codului sursă și testarea unității.
Komodo IDE suportă depanare client-side JavaScript în Chrome, și se poate depana Nod.js atât la nivel local și de la distanță., De asemenea, depanează Perl, Python, PHP, Ruby, Tcl și XSLT.Komodo IDE are un vizualizator DOM care vă permite să vizualizați documente XML și HTML ca arbori pliabili. De asemenea, vă permite să faceți căutări XPath pentru a filtra arborele.modulele Komodo de profilare a codului și de testare a unității nu acceptă JavaScript. Cu toate acestea, JavaScript și nod.js sunt ambele susținute de modulul Code Intelligence Komodo, care implementează codul de navigare, autocompletare, și calltips.Komodo IDE poate publica grupuri de fișiere pe FTP, SFTP, FTPS sau SCP., Komodo poate, de asemenea, să sincronizeze fișierele și să detecteze potențialele conflicte de publicare care ar putea determina suprascrierea modificărilor altor persoane.în general, Komodo este un bun, dar nu Mare JavaScript IDE, și un bun, dar nu Mare JavaScript editor. Cu toate acestea, poate servi nevoilor dvs., mai ales dacă lucrați și cu Perl, Python, PHP, Ruby, Tcl sau XSLT.costul: $295, plus $87 pe an pentru upgrade-uri și suport. Platformă: Windows (7 sau mai mare), MacOS (10.9 sau mai mare), Linux.,NetBeans are un suport foarte bun pentru JavaScript, HTML5 și CSS3 în proiecte web și acceptă cadrul Cordova/PhoneGap pentru construirea aplicațiilor mobile bazate pe JavaScript. NetBeans nu este cel mai rapid IDE de pe bloc, dar este unul dintre cele mai complete. Și, desigur, prețul este corect: NetBeans este disponibil gratuit sub o licență open source.editorul Netbeans JavaScript oferă evidențierea sintaxei, completarea automată și plierea codului, cam așa cum v-ați aștepta., Funcțiile de editare JavaScript funcționează, de asemenea, pentru codul JavaScript încorporat în fișierele PHP, JSP și HTML. suportul jQuery este copt în editor. NetBeans 8.2 are suport nou sau îmbunătățit pentru nod.js și Express, înghițitură, mormăi, AngularJS, Knock-Out.js, Jade, Mocha și seleniu.
analiza codului rulează în fundal pe măsură ce editați, oferind avertismente și sugestii. Depanarea funcționează în browserul WebKit încorporat și în Chrome cu conectorul NetBeans instalat. Depanatorul poate seta puncte de întrerupere DOM, line, event și XMLHttpRequest și va afișa variabile, ceasuri și stiva de apeluri., O fereastră integrată jurnal Browser afișează browser excepții, erori, și avertismente.NetBeans poate configura și efectua testarea unității cu JsTestDriver, un fișier JAR (Java archive) pe care îl puteți descărca gratuit. Depanarea testelor unitare este activată automat dacă specificați Chrome cu conector NetBeans ca unul dintre browserele JsTestDriver atunci când configurați JsTestDriver în fereastra Servicii.,când depanați o aplicație web în Chrome cu conectorul NetBeans și editați CSS din instrumentele pentru dezvoltatori Chrome, modificările vor fi capturate de NetBeans și salvate în fișierele CSS. CSS au fost generate din foi de stil mai puțin sau Sass, va trebui să actualizați manual foaia sursă, deoarece fișierele CSS sunt doar compilate de ieșire.
în browserul WebKit încorporat și în Chrome cu conectorul NetBeans instalat, puteți utiliza NetBeans network monitor pentru a vizualiza anteturile solicitărilor, răspunsurile și stivele de apeluri pentru comunicațiile REST., Pentru comunicațiile WebSocket, sunt afișate atât anteturile, cât și cadrele de text. În general, NetBeans oferă o experiență de depanare puțin mai bună cu Chrome decât obțineți în Firefox cu Firebug.NetBeans integrează controlul codului sursă cu Git, Subversion, Mercurial și CVS. Suportul Git este augmentat de un vizualizator grafic Diff și de un sistem de rafturi în cadrul IDE. NetBeans coduri de culoare starea Git de fișiere, vă permite să vizualizați istoricul de revizuire pentru fiecare fișier, și vă arată revizuire și informații autor pentru fiecare linie de fișiere controlate versiune., NetBeans are integrări similare cu Subversion, Mercurial și CVS, dar am testat doar Git.NetBeans integrează urmărirea problemelor cu Jira și Bugzilla. În fereastra de activități NetBeans, puteți căuta sarcini, salva căutări, actualiza sarcini și rezolva sarcini în depozitul de activități înregistrat. NetBeans are, de asemenea, integrarea serverului de echipă pentru site-urile care utilizează infrastructura Kenai.
În măsura în care pot determina, NetBeans nu are nici o profilare JavaScript, deși poate profil aplicații Java și module EJB., Și în timp ce NetBeans poate refactor Java și PHP, nu poate refactor JavaScript.în general, NetBeans este un concurent decent pentru dezvoltarea JavaScript, HTML5 și CSS3 din partea clientului, mai ales dacă faceți și dezvoltare Java, PHP sau C++ pe server. Dacă nu aveți bugetul pentru WebStorm și nu vă place Microsoft, veți găsi că NetBeans face treaba, atâta timp cât nu vă grăbiți foarte mult.
Cost: gratuit. Platforma: Windows, Solaris, MacOS, Linux.,
Microsoft Visual Studio 2017
În recenzia mea completă a Visual Studio 2017 am discutat produsul în ansamblu, cu doar câteva referințe la JavaScript. Voi inversa accentul aici.
în General, Visual Studio 2017 servește foarte bine ca un JavaScript IDE, deși este mai bine .Net IDE, și nu este la fel de bun ca WebStorm pentru JavaScript. Deși servește foarte bine ca editor JavaScript, este un editor C# mai bun și nu este la fel de bun sau la fel de rapid ca textul sublim pentru JavaScript.,după cum puteți vedea în imaginea de mai jos, Visual Studio 2017 face o treabă bună cu colorarea sintaxei JavaScript și plierea codului. De asemenea, face o treabă bună cu navigare cod JavaScript: Faceți clic dreapta pe o funcție sau un nume de membru, și puteți sări cu ușurință la definiția sau pentru a găsi toate referințele. Când ați terminat uita la definiția, puteți apăsa săgeata înapoi în partea de sus a interfeței pentru a merge înapoi în cazul în care ați fost.
puteți insera cu ușurință fragmente și înconjurați selecția cu codul corespunzător, cum ar fi codificarea HTML sau URL a variabilelor string., În afară de JavaScript, HTML, CSS și, puteți edita fișiere Markdown și a vedea Markdown prestate, și puteți lucra cu TypeScript.
În plus, puteți, desigur, cod în orice limbă.net, în C++, și în Python. Și așa cum a fost cazul Visual Studio pentru o lungă perioadă de timp, puteți lucra cu baze de date direct din IDE. Visual Studio este deosebit de puternic atunci când lucrați cu baze de date SQL Server. Puteți scăpa cu utilizarea Visual Studio în loc de SQL Server Management Studio pentru majoritatea operațiunilor de baze de date pe care doriți să le faceți ca dezvoltator.,Visual Studio 2017 acceptă depanarea în aproape orice browser pe care doriți să îl aruncați, inclusiv browserele de pe dispozitivele mobile și în emulatoare. De asemenea, are două browsere proprii: browserul Web intern simplu, care este (surpriză!) o versiune de Internet Explorer și Inspectorul de pagini, care vă arată pagina randată împreună cu toate sursele și stilurile., Deși inspectorul paginii face o mulțime de lucruri potențial consumatoare de timp, de inginerie inversă pentru a se configura pentru o pagină, odată ce vă aflați în ea, puteți rămâne acolo fără a fi nevoie să jonglați Visual Studio, browserul și instrumentele de dezvoltare ale browserului.performanța Visual Studio 2017 este de obicei destul de bună dacă îi oferiți suficientă memorie și putere CPU, dar tinde să necesite resurse semnificative. Visual Studio 2017 are diagnostice de performanță excelente pentru aplicații, dar, în general, nu sunt atât de utile pentru codul JavaScript obișnuit, care de obicei rulează adânc în interiorul unui browser., Visual Studio are o sincronizare specifică a funcțiilor JavaScript, o reacție HTML UI și instrumente de memorie JavaScript, dar se aplică numai proiectelor de platforme Windows universale bazate pe JavaScript, nu proiectelor web care se întâmplă să utilizeze JavaScript.
Visual Studio 2017 are suport avansat pentru Nod.js, JavaScript ES6 și TypeScript folosind motorul de analiză Salsa. În modul ES6 se poate descărca automat (de la DefinitelyTyped)” typings ” pentru nod.pachete js instalați cu NPM, pentru a oferi IntelliSense îmbunătățită., De asemenea, poate instala automat module NPM lipsă, așa cum se vede în partea stângă jos.
Visual Studio 2017 include excelent Nod.JS editare de aplicații, IntelliSense, profilare, integrare NPM, suport TypeScript, depanare la nivel local și de la distanță (Windows, MacOS, Linux), și depanare pe Azure Web Apps și Azure Cloud Services. De asemenea, are suport pentru CSS, HTML, JavaScript, TypeScript, CoffeeScript și mai puțin., Aceasta include rularea JSHint pe măsură ce tastați, permițându-vă să minimizați fișierele JavaScript dintr-un meniu contextual și să compilați automat fișierele CoffeeScript pe Salvare, afișând o previzualizare side-by-side a JavaScript-ului generat.