JavaScripti kasutatakse palju veebiarenduses, aga ka muudes asjades, nagu ka mobiiliarenduses ja rakendustes. Lihtne tekstiredaktor võib olla kõik, mida vajate CSS-i ja HTML5-i jaoks, kuid JavaScript vajab natuke rohkem. Siin on need, mida peetakse laialdaselt parimaks veebiarenduse JavaScripti IDE-ks.

Heal JavaScripti IDE-l peavad olema mõned põhifunktsioonid. See peaks hõlmama selliseid tööriistu nagu automaatne koodide komplekteerimine, loendifunktsioonid, koodide genereerimine, reaktoriseerimine, nutikas navigeerimine, integreeritud silur ja testimisfunktsioonid. Hea IDE sisaldab ka vigade ja erandite käsitlemist ning lisandmooduleid oma repertuaari laiendamiseks.

Mõned selles loendis olevad JavaScripti IDE-d on premium, mõned tasuta, paljud laaditakse arvutisse, kuid paar on võrgus. Kõik need on soodsalt üle vaadatud ja tunduvad väga populaarsed. Kui otsite uut JavaScripti IDE-d veebiarenduseks, sobib see kindlasti arvele.

Ma ei ole kodeerija, kuid üks mu parimaid sõpru on, seetõttu kasutasin selle loendi koostamisel tema teadmisi.

WebStorm

WebStorm on üks populaarsemaid JavaScripti IDE-sid, kui allalaadimiste arv ja positiivsed arvustused on midagi muud. See oli juba algusest peale loodud kasutajasõbralikuks ja hõlpsasti kasutatavaks ning kindlasti paistab. See ühildub JavaScripti, HTML, CSS, Angular ja Node.js-iga, seega on kõik alused kaetud. See ühildub ka raamide Angular, React ja Meteor ning mobiilsete arendusrakendustega Cordova, PhoneGap ja Ionic.

WebStormil on suurepärane koodireaktor, nii et isegi uued kodeerijad saavad korrektse koodi genereerida. See saab muutujaid ekstraheerida, faile teisaldada, automaatset täitmist ning parameetrite ja funktsioonide abistamist. Kui olete kogenum kodeerija, leiate kõik edasijõudnud tööriistad, mis on vajalikud muljetavaldavate rakenduste ja funktsioonide loomiseks.

WebStorm pole tasuta ja selle kasutamiseks on vaja iga-aastast tellimust.

Aatom

Atom on veel üks tohutult populaarne JavaScripti IDE. See on sisuliselt tekstiredaktor, mille abil saate sisse lülitada nii palju funktsioone kui vaja. Ühilduv HTML-i, JavaScripti, CSS-i ja Node.js-ga, on Atom üles ehitatud Electronile platvormideüleseks raamistikuks, mis on JavaScripti programmeerimises juba tõestanud oma väärtust.

Platvormideülene funktsionaalsus sobib suurepäraselt koostööprojektide jaoks, samas kui sisseehitatud paketihaldur pakub võimalust lisada palju eelhäälestatud pakette või luua oma. See on üks Atomi kõige hinnatumaid funktsioone, kuna see pakub tohutut vabadust konfigureerida IDE täpselt selliseks, nagu soovite seda kasutada.

Muud Atomi funktsioonid hõlmavad automaatset lõpuleviimist, failibrauserit, leidmist ja asendamist, siltide automaatset sulgemist ja kasulikku minikaarti, mis näitab teile teie koodi ülevaates. Atomil on kalduvus suuremate failidega töötamisel aeglustuda ja ilmselt on sellel mälulekkeid, mis võib selle kasutamisel põhjustada viivitust. Peale selle on see väga kõrgelt hinnatud.

Aatomit saab tasuta kasutada.

Codepen

Codepen nimetab end „veebi esiosa mänguväljakuks”. See on üks nendest veebis kasutatavatest JavaScripti IDE-dest, mida ma eespool mainisin, ja on selles osas väga hea. See mängib kenasti HTML-i, CSS-i ja JavaScripti ning töötab CoffeeScripti või LiveScriptiga. See on kasulik nii algajatele, kes soovivad koodi õppida ja lasta seda eakaaslastel üle vaadata, kui ka kogenud kooderitele, kes soovivad luua reaalajas eelvaatekeskkonda.

Codepenis on palju CSS-, HTML- ja JavaScripti tööriistu. Loote oma koodi pliiatsi sees, kasutades mõnda üsna võimsat tööriistakomplekti, näiteks Emmet, et puhta kood kiiresti genereerida. Võite kasutada ka Vimi võtmeköiteid, kui teate neid kiire genereerimise jaoks. Samuti on teil juurdepääs tavalistele kooditööriistadele ja funktsioonidele, mida võiksite oodata installitud IDE-lt.

Codepeni peamine eelis on kogukond. See on väga suur ja aktiivne kogukond, mis pakub abi, nõuandeid ja ülevaadet koodidest, ideedest ja muust.

Codepenil on nii tasuta kui ka Pro versioon.

Ülev tekst 3

Sublime Text 3 funktsioonid on enamikes hea JavaScripti IDE loendites. See, mis elu lihtsa tekstiredaktorina algas, on kujunenud täieõiguslikuks IDE-ks, mis sisaldab paljusid tööriistu, mida loodate oma koodi koostamisel kasutada. See on väga kohandatav, töötab kõigil platvormidel ja haldab pakette hõlpsalt.

UI on lihtne, kuid tõhus. See töötab ka kiiresti. Standardne installimine sisaldab palju tööriistu, mida kasutaksite kogu aeg, kuid paketihaldur tagab, et teil on nii palju funktsioone, kui vaja. See töötab koos Emmeti, Babeli, SublimeLimiteri ja teistega, et hoida teie JavaScripti puhas ja korras.

Nagu Codepen, on ka Sublime Text 3 üks tõelisi kõrghetki kogukond. Nad ei loo ainult programmi jaoks pistikprogramme, vaid aitavad ka üle vaadata ja pakkuda igasuguseid abi- ja aruteluteemasid. Need on kogukondade liigid, mis panevad teid uskuma, et inimkonnal on veel tulevikku.

Sublime Text 3 on tasuta proovimiseks, kuid säilitamiseks 70 $.

NetBeans

NetBeans alustas elu Java-tööriistana, kuid on laiendanud JavaScripti ja Node.js. See töötab ka HTML, CSS, PHP, JS, C / C ++, Python ja muude keeltega. See töötab Java virtuaalmasinas, seega töötab enamikus opsüsteemides ja seda saab konfigureerida just nii, nagu teile meeldib.

NetBeans sisaldab enamikku eeldatavatest tööriistadest ja funktsioonidest, sealhulgas koodi voltimine, koodi vormindamine, JSON-tööriistad, muutujate automaatne täitmine, funktsioonide viited, raamatukogu funktsioonid, klassid ja palju muud, nii et saate tõesti kiiresti koodi kodeerida. Kui see on tehtud, osutab korrektne silumis- ja vigade parandamise funktsioon kõikidele vigadele ja pakub isegi näpunäiteid, kust täiendavaid optimeerimisi leida.

NetBeansil on ka lahedad Chrome'i laiendused, mis võimaldavad tõhusat silumist ja võimalust redigeerida allikaid brauserist. Ilmselt väga kasulik tööriist.

NetBeans on tasuta ja avatud lähtekoodiga.

Nagu ma ülaosas mainisin, pole ma kooder, nii et ma pidin selle tüki abistamiseks toetuda kooderisõbrale. Ehkki soovitused on tema päralt, on kõik vead või vead minu omad!

Kas teil on muid JavaScripti IDE soovitusi? Rääkige sellest allpool, kui teete!