JavaScript bruges meget i webudvikling, men også til andre ting lige som mobiludvikling og apps. En simpel teksteditor kan være alt hvad du behøver for CSS og HTML5, men JavaScript har brug for lidt mere. Her er det, der generelt betragtes som det bedste JavaScript IDE til webudvikling lige nu.
En god JavaScript IDE skal have et par nøglefunktioner. Det bør indeholde værktøjer som automatisk kodeafslutning, listefunktioner, kodegenerering, refactoring, smart navigation, en integreret debugger og testfunktioner. En god IDE vil også omfatte fejl- og undtagelseshåndtering og add-ons til at udvide sit repertoire.
Nogle af JavaScript IDE i denne liste er premium, nogle er gratis, mange downloades på din computer, men et par er online. Alle er gennemgået 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 coder, men en af mine bedste venner er, så jeg brugte hendes ekspertise til at opbygge denne liste.
WebStorm
WebStorm er et af de mest populære JavaScript IDE'er, hvis antallet af downloads og positive anmeldelser er noget at gå forbi. Den blev designet fra bunden til at være brugervenlig og nem at bruge, og det synes helt sikkert at være. Det er kompatibelt med JavaScript, HTML, CSS, Angular og Node.js, så alle baser er dækket. Den er også kompatibel med rammerne Angular, React and Meteor og Cordova, PhoneGap og Ionic Mobile Development Apps.
WebStorm har et godt koderefaktorværktøj, så selv nye kodere kan generere ryddelige kode. Det kan udpakke variabler, flytte filer, auto komplet og hjælpe med parametre og funktioner. Hvis du er en mere erfaren coder, finder du alle de avancerede værktøjer, du har brug for til at oprette nogle imponerende apps og funktioner.
WebStorm er ikke gratis og kræver et årligt abonnement at bruge.
Atom
Atom er et andet uhyre populært JavaScript IDE. Det er i det væsentlige en tekstredigerer, som du kan binde på så mange funktioner som du har brug for. Kompatibel med HTML, JavaScript, CSS og Node.js, Atom er bygget på Electron en platform på tværs af platforme, der allerede har vist sig at være værd i JavaScript-programmering.
Cross platform funktionalitet er fremragende til samarbejdsprojekter, mens den indbyggede Package Manager giver mulighed for at tilføje mange præ-bygget pakker eller oprette din egen. Dette er et af de højest værdsatte funktioner i Atom, da det giver stor frihed til at konfigurere IDE til præcis, hvordan du vil bruge den.
Andre funktioner i Atom omfatter automatisk færdiggørelse, filbrowser, find og erstat, automatisk lukke tags og et nyttigt mini kort, der viser dig din kode i en oversigt. Atom har en tendens til at bremse ned, når de arbejder med større filer og har tilsyneladende en hukommelselækage, der kan forårsage forsinkelse, når den bruges. Bortset fra det er det meget højt anset.
Atom er gratis at bruge.
Codepen
Codepen kalder sig 'legepladsen for den forreste ende af nettet'. Det er en af de online JavaScript IDE'er jeg nævnte ovenfor og er meget god til hvad det gør. Det spiller pænt med HTML, CSS og JavaScript og arbejder med CoffeeScript eller LiveScript. Det er nyttigt både for begyndere, der ønsker at lære kode og få den gennemgået af jævnaldrende, men også erfarne kodere, der ønsker at opbygge et live preview-miljø.
Der er masser af CSS-, HTML- og JavaScript-værktøjer inden for Codepen. Du opretter din kode inden for en Pen ved hjælp af nogle temmelig kraftfulde værktøjer som Emmet til 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 fra 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 meget mere.
Codepen har både en gratis og en Pro-version.
Sublim tekst 3
Sublime tekst 3 funktioner i de fleste lister over god JavaScript IDE. Hvad der begyndte livet som en simpel tekstredigerer, har udviklet sig til en fuldt udbygget IDE, der indeholder mange af de værktøjer, du forventer at bruge, når du kompilerer din kode. Det er meget tilpasset, fungerer på tværs af platforme og styrer pakker med lethed.
Brugergrænsefladen er simpel men effektiv. Det virker også hurtigt. Standardinstallationen indeholder mange værktøjer, du vil bruge hele tiden, men Package Manager sikrer, at du får så mange funktioner, som du har brug for. Det fungerer sammen med Emmet, Babel, SublimeLimiter og andre for at holde jeres JavaScript rent og ryddeligt.
Ligesom Codepen er et af de virkelige højdepunkter i Sublime Text 3 samfundet. De skaber ikke bare plugins til programmet, de hjælper også, gennemgår og tilbyder alle former for hjælp og diskussionsemner. Disse er de slags samfund, der fører dig til at tro på, at menneskeheden stadig har en fremtid.
Sublim tekst 3 er gratis at prøve, men $ 70 for at holde.
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 virker inden for en virtuel Java-maskine, så det 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, automatisk færdiggørelse for variabler, funktionsreferencer, biblioteksfunktioner, klasser og mere, så du kan virkelig kode hurtigt. Når det er gjort, vil den pæne fejlretning og fejlkorrekt funktion pege på eventuelle fejl og endda tilbyde tip til, hvor yderligere optimeringer kan findes.
NetBeans har også en cool Chrome-udvidelser, der muliggør effektiv debugging og evnen til at redigere kilder inde i browseren. Tilsyneladende et meget nyttigt værktøj.
NetBeans er gratis og open source.
Som jeg nævnte øverst, er jeg ikke en koder, så jeg måtte læne på en coder-ven for at hjælpe med dette stykke. Mens anbefalingerne er hendes, er der fejl eller fejl i mine!
Har du fået andre forslag til en god JavaScript IDE? Fortæl os om det nedenfor, hvis du gør det!
