JavaScript används mycket i webbutveckling men också för andra saker precis som mobilutveckling och appar. En enkel textredigerare kan vara allt du behöver för CSS och HTML5 men JavaScript behöver lite mer. Här är vad som allmänt anses vara den bästa JavaScript-IDE för webbutveckling just nu.

En bra JavaScript-IDE måste ha några viktiga funktioner. Det bör innehålla verktyg som automatisk kodavslutning, listfunktioner, kodgenerering, refactoring, smart navigation, en integrerad felsökning och testfunktioner. En bra IDE kommer också att inkludera fel- och undantagshantering och tillägg för att utöka sin repertoar.

Några av JavaScript-IDEerna i denna lista är premium, andra är gratis, många laddas ner till din dator men ett par är online. Alla granskas positivt och verkar mycket populära. Om du letar efter en ny JavaScript-IDE för webbutveckling är det säkert att en av dessa passar räkningen.

Jag är ingen kodare men en av mina bästa vänner är, så jag använde hennes expertis för att bygga den här listan.

WebStorm

WebStorm är en av de mest populära JavaScript-IDEerna om antalet nedladdningar och positiva recensioner är något att gå igenom. Det designades från grunden för att vara användarvänligt och lätt att använda och det verkar verkligen vara. Det är kompatibelt med JavaScript, HTML, CSS, Angular och Node.js så har alla baser täckt. Det är också kompatibelt med Angular, React och Meteor-ramarna och Cordova, PhoneGap och Ionic mobilutvecklingsappar.

WebStorm har ett utmärkt verktyg för kodreparering så att även nya kodare kan generera snygg kod. Det kan extrahera variabler, flytta filer, automatiskt slutföra och hjälpa till med parametrar och funktioner. Om du är en mer erfaren kodare hittar du alla avancerade verktyg du behöver för att skapa några imponerande appar och funktioner.

WebStorm är inte gratis och kräver ett årligt prenumeration för att använda.

Atom

Atom är en annan oerhört populär JavaScript-IDE. Det är i huvudsak en textredigerare som du kan fixa på så många funktioner du behöver. Kompatibel med HTML, JavaScript, CSS och Node.js, Atom är byggt på Electron, en plattformsram som redan har visat sitt värde i JavaScript-programmering.

Cross platform-funktionalitet är utmärkt för samarbetsprojekt medan den inbyggda Package Manager erbjuder möjligheten att lägga till många förbyggda paket eller skapa dina egna. Detta är en av de mest uppskattade funktionerna i Atom eftersom det erbjuder enorm frihet att konfigurera IDE till exakt hur du vill använda den.

Andra funktioner i Atom inkluderar automatisk färdigställande, filwebbläsare, hitta och ersätta, auto-stäng taggar och en användbar minikarta som visar dig din kod i en översikt. Atom har en tendens att sakta ner när man arbetar med större filer och har uppenbarligen en minnesläcka som kan orsaka fördröjning när man använder den. Andra än så är det mycket uppskattat.

Atom är gratis att använda.

Codepen

Codepen kallar sig "lekplats för internetens främre sida". Det är en av de online JavaScript IDE som jag nämnde ovan och är mycket bra på vad den gör. Det spelar fint med HTML, CSS och JavaScript och fungerar med CoffeeScript eller LiveScript. Det är användbart både för nybörjare som vill lära sig kod och få den granskad av kamrater men också erfarna kodare som vill bygga in en live-förhandsmiljö.

Det finns många CSS-, HTML- och JavaScript-verktyg inom Codepen. Du skapar din kod i en penna med hjälp av några ganska kraftfulla verktygssatser som Emmet för att snabbt generera ren kod. Du kan också använda Vim Key Bindings om du känner till dem för snabb generation. Du har också tillgång till vanliga kodverktyg och funktioner du kan förvänta dig av en installerad IDE.

Den största fördelen med Codepen är samhället. Det är ett mycket stort och aktivt samhälle som erbjuder hjälp, råd och granskning av kod, idéer och mer.

Codepen har både en gratis och en Pro-version.

Sublim text 3

Sublime Text 3-funktioner i de flesta listor över bra JavaScript IDE. Det som började livet som en enkel textredigerare har utvecklats till en fullständig IDE som innehåller många av de verktyg du förväntar dig att använda när du sammanställer din kod. Det är mycket anpassningsbart, fungerar över plattformar och hanterar paket med lätthet.

UI: n är enkel men effektiv. Det fungerar snabbt också. Standardinstallationen innehåller många verktyg du skulle använda hela tiden men Package Manager ser till att du kommer att ha så många funktioner som du behöver. Det fungerar med Emmet, Babel, SublimeLimiter och andra för att hålla din JavaScript ren och snygg.

Liksom Codepen är en av de verkliga höjdpunkterna i Sublime Text 3 gemenskapen. De skapar inte bara plugins för programmet, de hjälper också till, granskar och erbjuder alla typer av hjälp och diskussionsämnen. Det här är de typer av samhällen som får dig att tro att mänskligheten fortfarande har en framtid.

Sublime Text 3 är gratis att prova men $ 70 för att behålla.

NetBeans

NetBeans började livet som ett Java-verktyg men har expanderat till att omfatta JavaScript och Node.js. Det fungerar också med HTML, CSS, PHP, JS, C / C ++, Python och andra språk också. Det fungerar i en virtuell Java-maskin så det fungerar på de flesta operativsystem och kan konfigureras precis hur du gillar det.

NetBeans innehåller de flesta verktyg och funktioner du kan förvänta dig inklusive kodfällning, kodformatering, JSON-verktyg, auto-komplett för variabler, funktionsreferenser, biblioteksfunktioner, klasser och mer så att du verkligen kan koda snabbt. När det är gjort kommer den fina felsöknings- och felsökningsfunktionen att påpeka eventuella fel och till och med erbjuda tips om var ytterligare optimeringar kan hittas.

NetBeans har också en cool Chrome-tillägg som möjliggör effektiv felsökning och möjligheten att redigera källor från webbläsaren. Tydligen ett mycket användbart verktyg.

NetBeans är gratis och öppen källkod.

Som jag nämnde längst upp är jag inte en kodare så jag var tvungen att luta mig på en kodvän för att hjälpa till med det här stycket. Rekommendationerna är hennes, men alla fel eller misstag är mina!

Har du några andra förslag på en bra JavaScript-IDE? Berätta om det nedan om du gör det!