JavaScript används mycket i webbutveckling men också för andra saker, precis som mobil utveckling och applikationer. 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 det bästa JavaScript IDE för webbutveckling just nu.
Ett bra JavaScript IDE behöver ha några viktiga funktioner. Det bör innehålla verktyg som automatisk kodkomplettering, listfunktioner, kodgenerering, refactoring, smart navigering, en integrerad debugger och testfunktioner. En bra IDE kommer också att innehålla fel- och undantagshantering och add-ons för att utöka sin repertoar.
Några av JavaScript IDE i den här listan är premium, vissa är gratis, många laddas ner till din dator men ett par är online. Alla av dem 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 till räkningen.
Jag är ingen kodare men en av mina bästa vänner är, så jag använde sin expertis för att bygga den här listan.
WebStorm
WebStorm är ett av de mest populära JavaScript IDE-fonderna om antalet nedladdningar och positiva recensioner är något att gå med. Det var designat från grunden till 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 baserna täckt. Det är också kompatibelt med rammorna Angular, React and Meteor och Cordova, PhoneGap och Ionic Mobile Development Apps.
WebStorm har ett bra kodrefaktorverktyg så att även nya kodare kan skapa snygg kod. Det kan extrahera variabler, flytta filer, auto 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 en årlig prenumeration att använda.
Atom
Atom är en annan oerhört populär JavaScript IDE. Det är i grunden en textredigerare som du kan bult på så många funktioner som du behöver. Kompatibel med HTML, JavaScript, CSS och Node.js, Atom är byggt på Electron en plattformsramverkram som redan har visat sig vara värd för JavaScript-programmering.
Korsplattformsfunktionen är utmärkt för samarbetsprojekt, medan den inbyggda pakethanteraren erbjuder möjligheten att lägga till många färdiga paket eller skapa egna. Detta är en av Atoms mest uppskattade funktioner, eftersom det ger stor frihet att konfigurera IDE för exakt hur du vill använda den.
Andra funktioner i Atom inkluderar automatisk slutförande, filbläsare, hitta och ersätta, auto-stänga taggar och en användbar minikarta som visar din kod i en översikt. Atom har en tendens att sakta ner när man arbetar med större filer och har tydligen en minnesläcka som kan orsaka fördröjning när den används. Annat än det är det mycket högt ansett.
Atom är fri att använda.
Codepen
Codepen kallar sig själva "lekplatsen för webbens främre ände". Det är en av de online JavaScript IDE som jag nämnde ovan och är mycket bra på vad den gör. Det spelar snyggt 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 även erfarna kodare som vill bygga in i en levande förhandsgranskningsmiljö.
Det finns många CSS-, HTML- och JavaScript-verktyg inom Codepen. Du skapar din kod i en penna med några ganska kraftfulla verktyg 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 de vanliga kodverktygen och funktionerna du kan förvänta dig från en installerad IDE.
Huvuddelen av 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 fri och en Pro-version.
Sublim Text 3
Sublime Text 3-funktionerna i de flesta listor med bra JavaScript IDE. Vad som började livet som en enkel textredigerare har utvecklats till en heltäckande IDE som innehåller många av de verktyg du förväntar dig att använda när du sammanställer din kod. Den är mycket anpassningsbar, fungerar över plattformar och hanterar paket med lätthet.
Användargränssnittet är enkelt men effektivt. Det fungerar snabbt också. Standardinstallationen innehåller många verktyg du skulle använda hela tiden, men pakethanteraren ser till att du har 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 städad.
Liksom Codepen är en av de verkliga höjdpunkterna i Sublime Text 3 samhället. De skapar inte bara plugins för programmet, de hjälper också, granskar och erbjuder alla slags hjälp och diskussionsämnen. Det här är de slags samhällen som får dig att tro att mänskligheten fortfarande har en framtid.
Sublime Text 3 är gratis att försöka men $ 70 för att behålla.
NetBeans
NetBeans började livet som ett Java-verktyg men har expanderat till att inkludera JavaScript och Node.js. Det fungerar också med HTML, CSS, PHP, JS, C / C ++, Python och andra språk också. Det fungerar inom 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 som du kan förvänta dig, inklusive kodviktning, kodformatering, JSON-verktyg, automatisk komplettering för variabler, funktionsreferenser, biblioteksfunktioner, klasser och mer så att du verkligen kan koda snabbt. När den är klar, kommer den snygga felsöknings- och felkorrigeringsfunktionen att peka på några fel och till och med erbjuda tips om var ytterligare optimeringar kan hittas.
NetBeans har också en cool Chrome-extensions som möjliggör effektiv debugging 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 överst, är jag inte en kodare så jag var tvungen att luta mig på en kodarevän för att hjälpa till med det här stycket. Medan rekommendationerna är hennes är några fel eller misstag mina!
Har du några andra förslag till en bra JavaScript IDE? Berätta om det nedan om du gör det!
