JavaScript bruges til mange forskellige slags applikationer i dag. Oftest, JavaScript arbejder med HTML5 og CSS til at bygge fronteb frontends. Men JavaScript hjælper også med at opbygge mobile applikationer, og det har fundet et vigtigt sted på bagsiden i form af Node.js servere. Heldigvis stiger JavaScript-udviklingsværktøjer-både redaktører og ide ‘ er—for at imødekomme de nye udfordringer.
hvorfor bruge en IDE i stedet for en editor? Hovedårsagen er, at en IDE kan fejle og undertiden profilere din kode., Ide ‘ er har også support til ALM-systemer, der integreres med dem som Git, GitHub, Mercurial, Subversion og Perforce til versionskontrol. Men efterhånden som flere redaktører tilføjer kroge til disse systemer, bliver Alm-support mindre af en differentiator.
Eclipse 2018 med JavaScript Udvikling af Værktøjer
Tilbage i de gamle dage, hvor Java Swing var nyt og spændende, jeg nød at bruge Eclipse til Java udvikling, men snart flyttede til andre Java Ide ‘ er. Fem-plus år siden, da jeg gjorde nogle Android udvikling med Eclipse, jeg fandt oplevelsen OK, men poky., Da jeg forsøgte at bruge Eclipse Luna med JSDT til JavaScript-udvikling i 2014, viste det konstant falske positive fejl for gyldig kode, der bestod JSHint.heldigvis er flere leverandører og open source-projekter steget op til pladen siden da. Eclipse 2018 med JavaScript udviklingsværktøjer har en anstændig JavaScript-editor og en Krom-baseret debugger, men det betyder ikke vide, om Skrivemaskine, som bruges af de Kantede, eller om ES6 og JSX filer, som bruges ved Reagere.Eclipse har altid haft en enorm markedsplads for plugins. For TypeScript, overveje den gratis TypeScript 1.0.,0 plugin. For Angular, TypeScript og ES6 skal du overveje den kommercielle Angular IDE (af Codemi., tidligere .ebclipse), og for React-projekter med JS. – filer kan du prøve open source TypeScript IDE. Hvis du tilføjer mere end en, skal du løse deres tvist om, hvilken man skal redigere Skrivefiler, men det er ikke en big deal.
med en vis indsats kan du få Eclipse til at arbejde med Vinkel-og React-projekter., Selvom Eclipse ikke understøtter TypeScript -, ES6-eller JS. – filer ud af boksen, kan du tilføje en vinkel IDE og en TypeScript IDE for at udfylde hullerne.
Codemi. – værktøjer faktureres som tilføjelse af Visual Studio Code smarts til Eclipse. I modsætning til de fleste Eclipse-plugins er Angular IDE by Codemi.ikke gratis, men det har en 45-dages gratis prøveperiode. I betragtning af at Visual Studio-koden er gratis, vil jeg overveje det, før jeg betaler for Angular IDE.
Omkostninger: Gratis; Angular IDE af Codemi., $29 (personlig) eller $48 (Kommerciel) om året. Platform: Windowsindo .s, MacOS og Linu..,
ActiveState Komodo IDE
Jeg har været en bruger og fan af Komodo IDE siden den først blev introduceret i 2001. Selvom nyere produkter som Visual Studio Code og andebstorm har overgået det på nogle områder, er det stadig en god redaktør og IDE.
Komodo IDE giver avanceret JavaScript redigering, syntaksfremhævning, navigation og debugging, men det omfatter ikke JavaScript-kode kontrol. Til det kan du altid køre JSHint i en skal.
Komodo understøtter snesevis af programmering og markup sprog., Med sin brede vifte af programmering og markup language support, herunder refactoring, debugging, og profilering, Komodo IDE er et meget godt valg for end-to-end udvikling i open source sprog.
Komodo har en kode, refactoring modul til alle de sprog, som det giver-kode intelligens: PHP, Perl, Python, Ruby og Tcl, JavaScript, og Node.js. Desværre begrænser den” mindst fællesnævner ” karakter af denne tilgang mulighederne for at omdøbe variabler og klassemedlemmer og at udvinde kode til en metode. Ikke desto mindre er disse nogle af de mest nyttige tilfælde.,
Komodo IDE har både kolonne redigering og flere valg. Dette giver næsten paritet med Sublim tekst og te .tmate så vidt masse redigeringer er bekymrede. Så længe vi laver sammenligningen, er Komodo mere en IDE, mens Sublime te .t er meget hurtigere. Og så længe vi diskuterer ydeevne, er Komodos hastighed forbedret mærkbart sammenlignet med ældre versioner, i skærmtegning, søgning og syntakskontrol.
Komodo IDE har flere funktioner, som de fleste konkurrerende produkter mangler. Den ene er dens HTTP Inspector, som er fremragende til debugging Aja.tilbagekald., En anden er dens Rx (regulære udtryk, eller regex) toolkit, som er en fantastisk måde at opbygge og teste regular expressions for JavaScript, Perl, PHP, Python og Ruby.
Samarbejde er en anden Komodo IDE differentiator—tænk på det som Google Docs for kode. Du kan oprette sessioner for grupper af filer, tilføje kontakter til sessioner som samarbejdspartnere og derefter arbejde sammen om de samme filer på samme tid med synkronisering i næsten realtid.
samarbejde er ikke en erstatning for kildekodekontrol, men det er et nyttigt supplement., Komodo IDE integrerer kildekode kontrol ved hjælp af CVS, Subversion, Perforce, Git, Mercurial, og Bazaar. Kun de grundlæggende versionskontroloperationer understøttes. Avancerede operationer, såsom forgrening, skal udføres ved hjælp af en separat kildekodekontrolklient.selvom Komodo ikke har sin egen JavaScript-dokumentformatering, drager den fordel af den bedste gratis open source til dette formål. Ud af boksen er standardformateringen for JavaScript-filer JS Beautifier, men yderligere ni muligheder er tilgængelige via en rullemenu.,
Komodo IDE giver avanceret JavaScript redigering, syntaks fremhæve, og navigation, men ikke indeholder væsentlig JavaScript-kode kontrol (kør JSHint for, at). Komodo understøtter snesevis af programmering og markup sprog, med vægt på Perl, Python, PHP, Ruby, Tcl, OGSLSLT, og det omfatter debugging, refactoring, kildekode kontrol integration, og test af enheder.
Komodo IDE understøtter debugging klient-side JavaScript i Chrome, og det kan debug Node.js både lokalt og eksternt., Det debuger også Perl, Python, PHP, Ruby, Tcl og .slt.
Komodo IDE har en DOM vie .er, der lader dig se documentsml og HTML-dokumenter som sammenklappelige træer. Det giver dig også mulighed for at foretage searchespath-søgninger for at filtrere træet.
Komodos kodeprofilerings-og enhedstestmoduler understøtter ikke JavaScript. Men JavaScript og Node.js er begge understøttet af Komodo kode intelligens modul, som implementerer kode bro .sing, autofuldførelse, og calltips.
Komodo IDE kan udgive grupper af filer over FTP, SFTP, FTPS eller SCP., Komodo kan også synkronisere filer og opdage potentielle publiceringskonflikter, der kan få dig til at overskrive andres ændringer.
samlet set er Komodo en god, men ikke stor JavaScript IDE, og en god, men ikke stor JavaScript editor. Det kan dog godt tjene dine behov, især hvis du også arbejder med Perl, Python, PHP, Ruby, Tcl eller .slt.
omkostninger: $295, plus $87 per år for opgraderinger og support. Platform: Windows (7 eller højere), MacOS (10.9 eller højere), Linux.,
Apache NetBeans
NetBeans har meget god support til JavaScript, HTML5 og CSS3 i webebprojekter, og det understøtter Cordova / PhoneGap-rammen til opbygning af JavaScript-baserede mobilapplikationer. NetBeans er ikke den hurtigste IDE på blokken, men det er en af de mere komplette. Og selvfølgelig er prisen rigtig: NetBeans er tilgængelig gratis under en open source-licens.
NetBeans JavaScript editor giver syntaksfremhævning, autofuldførelse og kodefoldning, stort set som du ville forvente., JavaScript-redigeringsfunktionerne fungerer også for JavaScript-kode indlejret i PHP -, JSP-og HTML-filer. j .uery support er bagt ind i editoren. NetBeans 8.2 har ny eller forbedret understøttelse af Node.js og e andpress, Gulp, Grunt, AngularJS, Knockout.js, Jade, mokka og selen.
kodeanalyse kører i baggrunden, mens du redigerer, hvilket giver advarsler og tip. Fejlfinding fungerer i den integrerede browebkit-bro .ser og i Chrome med NetBeans-stikket installeret. Den debugger kan indstille DOM, linje, begivenhed, og .mlhttpre .uest breakpoints, og det vil vise variabler, Ure, og opkaldet stakken., Et integreret bro .ser log vindue viser bro .ser undtagelser, fejl og advarsler.
NetBeans kan konfigurere og udføre unit testing med jstest, en JAR (Java archive) fil, du kan do .nloade gratis. Fejlfinding af enhedstest aktiveres automatisk, hvis du angiver Chrome med NetBeans Connector som en af jstest-bro .sere, når du konfigurerer Jstest Driver i vinduet tjenester.,
når du debugger en Chrebapplikation i Chrome med NetBeans-stikket og redigerer CSS fra Chrome-udviklerværktøjerne, vil ændringerne blive fanget af NetBeans og gemt i CSS-filerne. Men hvis dine CSS-filer blev genereret fra mindre eller Sass stilark, skal du manuelt opdatere kildearket, fordi CSS-filerne kun er kompileret output.
I den indbyggede WebKit browseren og Chrome med NetBeans Connector er installeret, kan du bruge NetBeans network monitor for at se anmodning overskrifter, reaktioner, og kalder stakke for REST kommunikation., Til communicationsebsocket-kommunikation vises både overskrifter og tekstrammer. Samlet set giver NetBeans en lidt bedre debuggingoplevelse med Chrome, end du får i Firefo.med Firebug.NetBeans integrerer kildekodekontrol med Git, Subversion, Mercurial og CVS. Git-understøttelsen forstærkes af en grafisk Diff-fremviser og af et reolsystem i IDE. NetBeans color-koder Git-status for filer, giver dig mulighed for at se revisionshistorik for hver fil og viser dig revisions-og forfatteroplysninger for hver linje af versionsstyrede filer., NetBeans har lignende integrationer med Subversion, Mercurial og CVS, men jeg testede kun Git.
NetBeans integrerer problemsporing med Jira og bug .illa. I NetBeans opgavevindue kan du søge efter opgaver, gemme søgninger, opdatere opgaver og løse opgaver i dit registrerede opgavelager. NetBeans har også teamserverintegration til sitesebsteder, der bruger Kenai-infrastrukturen.
så vidt jeg kan bestemme, mangler NetBeans nogen JavaScript-profilering, selvom den kan profilere Java-applikationer og EJB-moduler., Og mens NetBeans kan refactor Java og PHP, det kan ikke refactor JavaScript.
samlet set er NetBeans en anstændig konkurrent til JavaScript -, HTML5-og CSS3-udvikling på klientsiden, især hvis du også laver Java -, PHP-eller C++ – udvikling på serveren. Hvis du ikke har budgettet til Microsebstorm og ikke kan lide Microsoft, vil du opdage, at NetBeans gør jobbet, så længe du ikke har travlt.
Omkostninger: Gratis. Platform: Windowsindo .s, Solaris, MacOS, Linu..,
Microsoft Visual Studio 2017
i min fulde gennemgang af Visual Studio 2017 diskuterede jeg produktet som helhed med kun få referencer til JavaScript. Jeg vil vende vægten her.
alt i alt, Visual Studio 2017 tjener meget godt som en JavaScript IDE, selvom det er en bedre .Net IDE, og det er ikke så godt som WebStorm for JavaScript. Selvom det også fungerer meget godt som en JavaScript-editor, er det en bedre C# editor, og den er ikke så god eller så hurtig som Sublim tekst til JavaScript.,som du kan se på skærmbilledet nedenfor, gør Visual Studio 2017 et godt stykke arbejde med JavaScript-syntaksfarvning og kodefoldning. Det gør også et godt stykke arbejde med JavaScript-kode navigation: Højreklik på en funktion eller medlemsnavn, og du kan nemt springe til definitionen eller finde alle referencer. Når du er færdig med at se på definitionen, kan du trykke på pilen Tilbage øverst på grænsefladen for at gå tilbage til hvor du var.
Du kan nemt indsætte uddrag og omgive dit valg med passende kode, såsom HTML eller URL-kodning af strengvariabler., Udover JavaScript, HTML og CSS, kan du redigere Markdown-filer og se det gjort Markdown, og du kan arbejde med Skrivemaskine.
Derudover kan du selvfølgelig kode på et hvilket som helst.NET-sprog, i C++ og i Python. Og som det har været tilfældet for Visual Studio i lang tid, kan du arbejde med databaser direkte fra IDE. Visual Studio er især stærk, når du arbejder med S .l Server-databaser. Du kan slippe af sted med at bruge Visual Studio i stedet for S .l Server Management Studio til de fleste databaseoperationer, du gerne vil gøre som udvikler.,
Visual Studio 2017 understøtter fejlfinding i stort set enhver bro .ser, du plejer at kaste på den, herunder bro .sere på mobile enheder og i emulatorer. Det har også sine egne to bro !sere: den almindelige interne browebbro !ser, som er (overraskelse!) en version af Internet e .plorer og Sideinspektøren, som viser dig den gengivne side sammen med alle kilder og stilarter., Selv om den Side, Inspektør er en masse potentielt tidskrævende, reverse-engineering ting at sætte sig op til en side, når du er i det, du kan bo der uden at skulle jonglere med Visual Studio, browseren, og browseren ‘ s udviklingsværktøjer.udførelsen af Visual Studio 2017 er normalt ret god, hvis du giver det nok hukommelse og CPU-strøm, men det har en tendens til at kræve betydelige ressourcer. Visual Studio 2017 har stor præstationsdiagnostik til applikationer, men stort set er de ikke så nyttige til almindelig JavaScript-kode, som typisk kører dybt inde i en bro .ser., Visual Studio har specifikke JavaScript-funktion, timing, HTML UI lydhørhed, og JavaScript-hukommelse værktøjer, men de gælder kun for JavaScript-baseret Universal Windows Platform projekter, ikke web-projekter, der sker for at bruge JavaScript.
Visual Studio 2017 har avanceret understøttelse af Node.js, JavaScript ES6, og maskinskrift ved hjælp af Salsa analyse motor. I ES6-tilstand kan den automatisk do .nloade (fra DefinitelyTyped) “typings” for Node.js pakker du installerer med NPM, at give forbedret IntelliSense., Det kan også automatisk installere manglende NPM-moduler, som det ses nederst til venstre.
Visual Studio 2017 omfatter fremragende Node.js ansøgning redigering, IntelliSense, profilering, NPM integration, Konsollog-support, fejlretning lokalt og eksternt (Windows, MacOS, Linux), og fejlretning på Azure Web Apps og Azure Cloud-Tjenester. Det har også støtte til CSS, HTML, JavaScript, TypeScript, CoffeeScript, og mindre., Dette inkluderer at køre JSHint, mens du skriver, så du kan minify JavaScript-filer fra en kontekstmenu og automatisk kompilere CoffeeScript-filer på gem, der viser en side-by-side forhåndsvisning af det genererede JavaScript.