De 5 beste Javascript -redaktørene for produktive kodere og programmerere

De 5 beste Javascript -redaktørene for produktive kodere og programmerere

Som programmerer er tekstredigereren din verktøykassen, og hver funksjon er et annet verktøy. Å bruke en barebones -redaktør (f.eks. Notisblokk) til å skrive kode er som å bygge et hus med bare en hammer: det er mulig, men mye mer trøbbel enn det er verdt, og sluttresultatet blir ikke veldig bra.





JavaScript er et rotete språk til å begynne med, så du trenger all hjelpen du kan få. En skikkelig, velutstyrt tekstredigerer kan hjelpe deg med å kode raskere, skrive renere kode, fange feil før heller enn senere, men mest av alt gjøre programmering morsomt og hyggelig.





I disse dager er det bare fem redaktører som er verdt å vurdere når du skriver JavaScript. Du kan finne dusinvis av alternativer, men ingen av dem holder et lys til disse, så ikke kast bort tiden din.



1. WebStorm

Tilgjengelig for Windows, Mac og Linux.

WebStorm er den eneste fullstendige IDE på denne listen-resten er avanserte tekstredigerere. Dette betyr to ting: For det første er alle de beste funksjonene innebygd og offisiell, og for det andre er hele kodingsmiljøet en sammenhengende helhet. Andre redaktører pleier å være en hodge-podge av tredjeparts plugins.



WebStorm er en omfattende app med mange funksjoner du ikke finner andre steder:

  • Den beste automatiske kompletteringen for JavaScript.
  • Utmerket kodehjelp for rammer som Angular, React og Meteor.
  • Hundrevis av inspeksjoner for å fange problemer i kode mens du skriver.
  • Fullblåst feilsøkingsprogram for kode på klient- og serversiden.
  • Avanserte navigasjonssnarveier for å krysse mange filer.
  • Integrasjon med Karma, Mocha, Jest og Protractor for enhetstester.
  • Grensesnitt for konfigurasjon av byggeverktøy, inkludert Grunt og Gulp.

Enkelt sagt, WebStorm er designet for JavaScript -fagfolk som jobber med store prosjekter med mange arbeidsflytverktøy. Det er absolutt overkill hvis du bare vil redigere herreløse skript her og der. Hvis du er skeptisk, vær oppmerksom på at WebStorm er utviklet av JetBrains, den samme gruppen bak andre kjære IDE -er som IntelliJ (Java) og PyCharm (Python).





Dessverre er WebStorm ikke gratis - du må abonnere på en månedlig eller årlig plan. Den gode nyheten er at abonnementsprisen går ned jo lenger du holder planen din aktiv.

nedlasting - WebStorm ($ 13 per måned, 30-dagers gratis prøveperiode)





2. Visual Studio -kode

Tilgjengelig for Windows, Mac og Linux.

Første ting først, Visual Studio Code er ikke det samme som Visual Studio. Mens Visual Studio er et oppblåst rot av en IDE, er Visual Studio Code et tilpassbart tekstredigeringsprogram som kan være så enkelt eller avansert som du trenger, takket være sitt lager av tredjepartsutvidelser.

Først utgitt i 2015, har Visual Studio Code kommet a lang langt siden. Den leveres komplett med en rekke innebygde funksjoner som løfter den høyt over andre tekstredigerere:

  • Kontekstuell automatisk utfylling basert på variabler, funksjoner, moduler, etc.
  • Solid feilsøking med brytepunkter, anropsstabler og interaktiv konsoll.
  • Flere produktivitetstips og funksjoner for raskere utvikling.
  • Brukerdefinerbare utdrag for å male ofte gjenbrukte kodemønstre.
  • Integrert integrasjon med Git -kildekontroll.
  • Rask, responsiv og tematisk grensesnitt.

Men den beste delen av Visual Studio Code er kanskje at den er åpen kildekode. Faktisk er det hostet rett på GitHub, og du kan sjekke kildekoden akkurat nå hvis du vil. Og som et av de mest aktive prosjektene på GitHub, kan du være sikker på at denne redaktøren ikke har noe annet sted enn å gå opp.

nedlasting - Visual Studio -kode (Gratis)

3. Sublim tekst

Tilgjengelig for Windows, Mac og Linux.

hvordan blokkerer jeg meg selv fra nettsteder

Da Sublime Text kom til scenen i 2008, mistet alle sinnet. En programvareingeniør sluttet i jobben hos Google for å lage den ultimate tekstredigereren, drevet av tre enkle prinsipper: minimalt grensesnitt -rot, tekst bør være i fokus, og alle skjermområder bør brukes. Alle disse tingene er sanne selv i dag.

Sublime Text har flere bemerkelsesverdige funksjoner som beviser sin verdi:

  • Den raskeste og mest responsive ytelsen til alle tekstredigerere.
  • Fanegrupper og redigering av flere deler.
  • Prosjektbasert organisering og redigering av filer.
  • Kommandopalett for å skrive kommandoer i stedet for å bruke musen.
  • Produktivitetsfunksjoner i arbeidsflyten som flere markører og prosjektomfattende søk.
  • Massivt lager av tredjepartsutvidelser.

Sublime Text var banebrytende for mange av funksjonene som gjør moderne tekstredigerere like flotte som de er. Dessverre har det gått nok tid til at konkurrentene har tatt igjen. Og siden mange av konkurrentene er helt gratis, blir det vanskeligere å rettferdiggjøre Sublime Text sin heftige prislapp og lukkede kildekode.

nedlasting - Sublim tekst ($ 70, ubegrenset gratis prøveperiode)

4. Atom Editor

Tilgjengelig på Windows, Mac og Linux.

Da Atom Editor først ble utgitt i 2014, kalte mange det for 'Sublime Text killer'. Selv om Atom har en stor fanskare, klarte den aldri helt å overgå Sublime Text i popularitet. Og nå som Visual Studio Code trekker alle øyne sin vei, er det mulig at Atom nå har nådd en topp.

For ikke å si at Atom er dårlig. Den er perfekt brukbar med en håndfull funksjoner:

  • Fleksibel automatisk gjennomføring ved hjelp av plugins.
  • Smart grensesnitt for håndtering av temaer, pakker og innstillinger.
  • Fanegrupper og redigering av flere deler.
  • Produktivitetsarbeidsflytfunksjoner som fuzzy finder.
  • Svært tilpassbart grensesnitt ved hjelp av HTML, CSS og JS.

Jeg har alltid sett på Atom som den fattige manns sublime tekst. Det er til og med plugins som tar sikte på å replikere noen av Sublime Texts funksjoner, for eksempel minimap. Min største klage med Atom er dens ytre ytelse - den er ikke akkurat treg, men den er ikke rask. Jeg liker at tekstredigererne mine lyser raskt.

Men det er gratis og åpen kildekode, så det virker dumt å klage på slike ting. Hvis du ikke kan mage Visual Studio Code av en eller annen grunn, og du ikke liker den proprietære naturen til Sublime Text, så er Atom det perfekte kompromisset.

nedlasting - Atom Editor (Gratis)

5. Braketter

Tilgjengelig på Windows, Mac og Linux.

Brackets er et tekstredigeringsprogram av Adobe som ble lansert på omtrent samme tid Atom gjorde i 2014. Dessverre ble det aldri helt greit. De fleste brukere var fornøyd med Sublime Text, de som ikke allerede hadde forpliktet seg til Atom, og Brackets tilbød ikke nok til å lokke noen av gruppene til å bytte.

Men de siste årene har Brackets samlet en liten, men inderlig fanskare. Den tilbyr en håndfull fiffige funksjoner som hovedsakelig er rettet mot webutviklere:

  • Live forhåndsvisning av webkode med en sanntidstilkobling til nettleseren din.
  • Inline -redaktører for å se biter av kode uten å hoppe mellom filene.
  • Extract -funksjonen kan trekke detaljer fra PSD og konvertere til CSS.
  • Fanegrupper og redigering i delt rute.
  • Kan tilpasses og utvides via tredjeparts plugins.

Min største klage om Brackets er ytelse - det er lett den tregeste og klumpigste av alle redaktørene på denne listen. Det er en deal-breaker for meg, men kanskje ikke for deg. Mange brukere er fornøyd med hvordan Brackets fungerer, så prøv det. Kanskje det ikke vil plage deg så mye. Brackets er også helt åpen kildekode!

nedlasting - Braketter (Gratis)

Andre kodetips du kan finne nyttige

Hvis du er ny på JavaScript og føler deg overveldet, vet du bare det er et vanskelig språk å knekke. Bare fordi du sliter betyr ikke det at du ikke er utelukket fra å være programmerer. Ved å bruke en av tekstredigererne ovenfor kan virkelig gjøre JavaScript enklere å håndtere.

Andre råd inkluderer disse tipsene for å mestre et nytt språk, så vel som disse prosjektideene for å lære kode raskere. Ikke glem disse gratis JavaScript -ressursene og de beste JavaScript -kursene på Udemy.

Fortsett med det fordi JavaScript er et språk med høy etterspørsel. Det er flere karrieremuligheter for JavaScript -programmerere, og webutvikling er på vei oppover. Hvis du fortsatt går på videregående, kan du til og med vurdere disse topprangerte programmeringshøyskolene.

Hva er din favoritt tekstredigerer for JavaScript -koding? Hvis du foretrekker en som vi ikke nevnte, gi oss beskjed om hvilken og gjør din sak! Del med oss ​​i en kommentar nedenfor.

Bildekreditt: Thongchai Kitiyanantawong via Shutterstock.com

Dele Dele kvitring E -post Slik får du tilgang til Googles innebygde boblenivå på Android

Hvis du noen gang har trengt å sørge for at noe er i vater, kan du nå få et boblenivå på telefonen din på få sekunder.

Les neste
Relaterte temaer
  • Programmering
  • JavaScript
  • Visual Studio -kode
Om forfatteren Joel lee(1524 artikler publisert)

Joel Lee er sjefredaktør for MakeUseOf siden 2018. Han har en B.S. i informatikk og over ni års profesjonell skrive- og redigeringserfaring.

Mer fra Joel Lee

Abonner på vårt nyhetsbrev

Bli med i vårt nyhetsbrev for tekniske tips, anmeldelser, gratis ebøker og eksklusive tilbud!

Klikk her for å abonnere