JavaScript bruges meget til webudvikling men også til andre ting lige som mobiludvikling og apps. En simpel teksteditor kan være alt hvad du behøver til CSS og HTML5, men JavaScript har brug for lidt mere. Her er hvad der i vid udstrækning betragtes som den bedste JavaScript IDE til webudvikling lige nu.

En god JavaScript-IDE skal have et par nøglefunktioner. Det skal omfatte værktøjer såsom automatisk kodekonfiguration, listefunktioner, kodegenerering, refactoring, smart navigation, en integreret debugger og testfunktioner. En god IDE vil også omfatte håndtering af fejl og undtagelser og tilføjelser til at udvide sit repertoire.

Nogle af JavaScript-IDEerne på denne liste er premium, andre er gratis, mange downloades på din computer, men et par er online. Alle af dem gennemgås positivt og synes meget populære. Hvis du leder efter en ny JavaScript IDE til webudvikling, er en af ​​disse sikker på at passe regningen.

Jeg er ingen kode, men en af ​​mine bedste venner er, så jeg brugte hendes ekspertise til at opbygge denne liste.

WebStorm

WebStorm er en af ​​de mest populære JavaScript IDE omkring, hvis antallet af downloads og positive anmeldelser er noget at gå forbi. Det blev designet fra bunden til at være brugervenligt og let at bruge, og det ser bestemt ud til at være. Det er kompatibelt med JavaScript, HTML, CSS, Angular og Node.js, så alle baser er dækket. Det er også kompatibelt med Angular, React og Meteor rammer og Cordova, PhoneGap og Ionic mobiludviklingsapps.

WebStorm har et fantastisk kodeindmonteringsværktøj, så selv nye kodere kan generere ryddig kode. Det kan udpakke variabler, flytte filer, auto komplet og hjælpe med parametre og funktioner. Hvis du er en mere erfaren koder, finder du alle de avancerede værktøjer, du har brug for for at oprette nogle imponerende apps og funktioner.

WebStorm er ikke gratis og kræver et årligt abonnement for at bruge.

Atom

Atom er en anden utroligt populær JavaScript IDE. Det er hovedsageligt en teksteditor, som du kan boltre på så mange funktioner, som du har brug for. Kompatibel med HTML, JavaScript, CSS og Node.js, er Atom bygget på Electron, en tværplatform-ramme, der allerede har bevist sin værdi i JavaScript-programmering.

Cross platform-funktionalitet er fremragende til samarbejdsprojekter, mens den indbyggede Package Manager tilbyder muligheden for at tilføje mange forudbyggede pakker eller oprette dine egne. Dette er en af ​​de mest værdifulde funktioner i Atom, da det giver enorm frihed til at konfigurere IDE til nøjagtigt, hvordan du vil bruge den.

Andre funktioner i Atom inkluderer automatisk færdiggørelse, filbrowser, finde og erstatte, auto-lukke tags og et nyttigt minikort, der viser dig din kode i en oversigt. Atom har en tendens til at bremse, når man arbejder med større filer og har tilsyneladende en hukommelseslækage, der kan forårsage forsinkelse, når man bruger den. Bortset fra det er det meget højt anset.

Atom er gratis at bruge.

Codepen

Codepen kalder sig selv 'legepladsen til den forreste side af nettet'. Det er en af ​​disse online JavaScript IDE, som jeg nævnte ovenfor, og er meget god til, hvad den gør. Det spiller pænt med HTML, CSS og JavaScript og fungerer med CoffeeScript eller LiveScript. Det er nyttigt både for begyndere, der ønsker at lære kode og få den gennemgået af peers, men også erfarne kodere, der ønsker at bygge i et live preview-miljø.

Der er masser af CSS-, HTML- og JavaScript-værktøjer i Codepen. Du opretter din kode i en pen ved hjælp af nogle temmelig kraftige værktøjssæt som Emmet for hurtigt at generere ren kode. Du kan også bruge Vim Key Bindings, hvis du kender dem til hurtig generation. Du har også adgang til de sædvanlige kodeværktøjer og funktioner, du ville forvente af en installeret IDE.

Den største fordel ved Codepen er samfundet. Det er et meget stort og aktivt samfund, der tilbyder hjælp, rådgivning og gennemgang af kode, ideer og mere.

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

Sublim tekst 3

Sublime Text 3-funktioner på de fleste lister med god JavaScript-IDE. Det, der begyndte livet som en simpel tekstredigerer, har udviklet sig til en fuldgyldig IDE, der indeholder mange af de værktøjer, du forventer at bruge, når du sammenstiller din kode. Det er meget tilpasselig, fungerer på tværs af platforme og administrerer pakker let.

Brugergrænsefladen er enkel, men effektiv. Det fungerer også hurtigt. Standardinstallationen indeholder mange værktøjer, du vil bruge hele tiden, men Package Manager sikrer, at du har så mange funktioner, som du har brug for. Det fungerer sammen med Emmet, Babel, SublimeLimiter og andre for at hjælpe med at holde din JavaScript ren og ryddig.

Ligesom Codepen er et af de virkelige højdepunkter i Sublime Text 3 samfundet. De opretter ikke kun plugins til programmet, de hjælper også, gennemgår og tilbyder alle mulige hjælp og diskussionsemner. Dette er de slags samfund, der får dig til at tro, at menneskeheden stadig har en fremtid.

Sublime Text 3 er gratis at prøve, men $ 70 at beholde.

NetBeans

NetBeans begyndte livet som et Java-værktøj, men har udvidet til at omfatte JavaScript og Node.js. Det fungerer også med HTML, CSS, PHP, JS, C / C ++, Python og andre sprog. Det fungerer inden for en virtuel Java-maskine, så den fungerer på de fleste operativsystemer og kan konfigureres, hvordan du kan lide det.

NetBeans indeholder de fleste af de værktøjer og funktioner, du kan forvente, herunder kodefoldning, kodeformatering, JSON-værktøjer, auto-komplet til variabler, funktionsreferencer, biblioteksfunktioner, klasser og mere, så du virkelig kan kode hurtigt. Når det er gjort, vil den pæne fejlfindings- og fejlkorrekt funktion påpege eventuelle fejl og endda tilbyde antydninger til, hvor yderligere optimeringer kan findes.

NetBeans har også en cool Chrome-udvidelse, der giver mulighed for effektiv debugging og muligheden for at redigere kilder fra browseren. Tilsyneladende et meget nyttigt værktøj.

NetBeans er gratis og open source.

Som jeg nævnte øverst, er jeg ikke en kodning, så jeg var nødt til at læne mig på en kodevenninde for at hjælpe med dette stykke. Mens anbefalingerne er hendes, er eventuelle fejl eller fejl mine!

Har du andre forslag til en god JavaScript-IDE? Fortæl os om det nedenfor, hvis du gør det!