Anonim

JavaScript brukes mye i webutvikling, men også til andre ting akkurat som mobilutvikling og apper. En enkel tekstredigerer kan være alt du trenger for CSS og HTML5, men JavaScript trenger litt mer. Her er hva som anses som den beste JavaScript IDE for nettutvikling akkurat nå.

En god JavaScript-IDE trenger å ha noen få viktige funksjoner. Det skal inneholde verktøy som automatisk kodekonfliktering, listefunksjoner, kodegenerering, refaktoring, smart navigasjon, en integrert feilsøking og testfunksjoner. En god IDE vil også omfatte håndtering av feil og unntak og tilleggsprogrammer for å utvide repertoaret.

Noen av JavaScript-IDEene i denne listen er premium, noen er gratis, mange lastes ned til datamaskinen din, men et par er online. Alle blir vurdert positivt og virker veldig populære. Hvis du leter etter en ny JavaScript-IDE for nettutvikling, er en av disse sikker på at den passer til regningen.

Jeg er ingen koder, men en av mine beste venner er det, så jeg brukte ekspertisen hennes til å lage denne listen.

WebStorm

WebStorm er en av de mest populære JavaScript-IDEene hvis antall nedlastinger og positive anmeldelser er noe å gå etter. Den ble designet fra grunnen av for å være brukervennlig og enkel å bruke, og det ser absolutt ut til å være det. Den er kompatibel med JavaScript, HTML, CSS, Angular og Node.js, så har alle basene dekket. Det er også kompatibelt med Angular, React og Meteor rammer og Cordova, PhoneGap og Ionic mobilutviklingsapper.

WebStorm har et flott verktøy for kodeinnredning, slik at selv nye kodere kan generere ryddig kode. Den kan trekke ut variabler, flytte filer, automatisk fullføre og hjelpe til med parametere og funksjoner. Hvis du er en mer erfaren koder, vil du finne alle de avanserte verktøyene du trenger for å lage noen imponerende apper og funksjoner.

WebStorm er ikke gratis og krever et årlig abonnement for å bruke.

Atom

Atom er en annen utrolig populær JavaScript-IDE. Det er egentlig en tekstredigerer som du kan boltre på så mange funksjoner du trenger. Kompatibel med HTML, JavaScript, CSS og Node.js, er Atom bygget på Electron, et kryssplattform-rammeverk som allerede har bevist sin verdi i JavaScript-programmering.

Cross platform funksjonalitet er utmerket for samarbeidsprosjekter, mens den innebygde Package Manager tilbyr muligheten til å legge til mange forhåndsbygde pakker eller lage dine egne. Dette er en av de mest verdsatte funksjonene i Atom, ettersom den gir enorm frihet til å konfigurere IDE til nøyaktig hvordan du vil bruke den.

Andre funksjoner i Atom inkluderer automatisk fullføring, filleser, finne og erstatte, automatisk lukke koder og et nyttig minikart som viser koden din i en oversikt. Atom har en tendens til å redusere farten når du arbeider med større filer og har tilsynelatende en minnelekkasje som kan forårsake etterslep når du bruker den. Annet enn det er det veldig høyt ansett.

Atom er gratis å bruke.

Codepen

Codepen kaller seg "lekeplassen for fronten av nettet". Det er en av de nettbaserte JavaScript-IDEene jeg nevnte over, og er veldig gode på hva den gjør. Den spiller fint med HTML, CSS og JavaScript og fungerer med CoffeeScript eller LiveScript. Det er nyttig både for nybegynnere som vil lære seg kode og få den gjennomgått av jevnaldrende, men også erfarne kodere som ønsker å bygge i et live forhåndsvisningsmiljø.

Det er mange CSS-, HTML- og JavaScript-verktøy innen Codepen. Du oppretter koden din i en penn ved hjelp av noen ganske kraftige verktøysett som Emmet for raskt å generere ren kode. Du kan også bruke Vim Key Bindings hvis du kjenner dem for rask generasjon. Du har også tilgang til de vanlige kodeverktøyene og funksjonene du forventer av en installert IDE.

Hovedfordelen med Codepen er samfunnet. Det er et veldig stort og aktivt samfunn som tilbyr hjelp, råd og gjennomgang av kode, ideer og mer.

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

Sublime Text 3

Sublime Text 3-funksjoner i de fleste lister med god JavaScript-IDE. Det som begynte livet som en enkel tekstredigerer, har utviklet seg til en fullverdig IDE som inneholder mange av verktøyene du forventer å bruke når du sammenstiller koden din. Den er svært tilpassbar, fungerer på tvers av plattformer og administrerer pakker med letthet.

UI-en er enkel, men effektiv. Det fungerer raskt også. Standardinstallasjonen inneholder mange verktøy du vil bruke hele tiden, men Package Manager sikrer at du vil ha så mange funksjoner du trenger. Det fungerer sammen med Emmet, Babel, SublimeLimiter og andre for å holde JavaScript rent og ryddig.

I likhet med Codepen er et av de virkelige høydepunktene i Sublime Text 3 samfunnet. De lager ikke bare plugins for programmet, de hjelper også, gjennomgår og tilbyr alle slags hjelpemiddel og diskusjonsemner. Dette er den slags samfunn som får deg til å tro at menneskeheten fremdeles har en fremtid.

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

NetBeans

NetBeans begynte livet som et Java-verktøy, men har utvidet til å omfatte JavaScript og Node.js. Det fungerer også med HTML, CSS, PHP, JS, C / C ++, Python og andre språk også. Den fungerer i en virtuell Java-maskin, slik at den fungerer på de fleste operativsystemer og kan konfigureres akkurat slik du vil.

NetBeans inneholder de fleste verktøyene og funksjonene du kan forvente, inkludert koding, kodeformatering, JSON-verktøy, auto-komplett for variabler, funksjonsreferanser, bibliotekfunksjoner, klasser og mer slik at du virkelig kan kode raskt. Når dette er gjort, vil den pene feilsøkingen og feilkorreksjonsfunksjonen peke ut eventuelle feil og til og med gi hint om hvor ytterligere optimaliseringer kan bli funnet.

NetBeans har også kule Chrome-utvidelser som muliggjør effektiv feilsøking og muligheten til å redigere kilder fra nettleseren. Tilsynelatende et veldig nyttig verktøy.

NetBeans er gratis og åpen kildekode.

Som jeg nevnte øverst, er jeg ikke en koder, så jeg måtte lene meg på en kodevenn for å hjelpe med dette stykket. Selv om anbefalingene er hennes, er eventuelle feil eller feil mine!

Har du noen andre forslag til en god JavaScript-IDE? Fortell oss om det nedenfor hvis du gjør det!

5 Av de beste JavaScript-IDene for nettutvikling