Anonim

JavaScript tiek daudz izmantots tīmekļa izstrādē, kā arī citās lietās, tāpat kā mobilo ierīču izstrādē un lietotnēs. Vienkāršs teksta redaktors var būt viss, kas jums nepieciešams CSS un HTML5, bet JavaScript ir nepieciešams nedaudz vairāk. Šeit ir tie, kas šobrīd tiek plaši uzskatīti par labāko JavaScript IDE tīmekļa izstrādei.

Labam JavaScript IDE jābūt ar dažām galvenajām funkcijām. Tajā jāiekļauj tādi rīki kā automātiskā koda aizpildīšana, saraksta funkcijas, koda ģenerēšana, reaktoru novēršana, vieda navigācija, integrēts atkļūdotājs un testēšanas funkcijas. Labā IDE būs arī kļūdu un izņēmumu apstrāde un papildinājumi, lai paplašinātu savu repertuāru.

Daži no JavaScript IDE šajā sarakstā ir premium, daži ir bez maksas, daudzi ir lejupielādēti jūsu datorā, bet pāris ir tiešsaistē. Visi no tiem tiek vērtēti labvēlīgi un šķiet ļoti populāri. Ja jūs meklējat jaunu JavaScript IDE tīmekļa izstrādei, viens no tiem noteikti ir piemērots rēķinam.

Es neesmu kodētājs, bet viens no maniem labākajiem draugiem ir, tāpēc es izmantoju viņas zināšanas, lai izveidotu šo sarakstu.

WebStorm

WebStorm ir viens no populārākajiem JavaScript IDE, ja lejupielādes un pozitīvās atsauksmes ir kaut kas labs. Tas tika izveidots jau no paša sākuma, lai būtu lietotājam draudzīgs un viegli lietojams, un, šķiet, ka tāds arī ir. Tas ir savietojams ar JavaScript, HTML, CSS, Angular un Node.js, tāpēc tam ir visas ietvertās bāzes. Tas ir savietojams arī ar leņķa, React un Meteor ietvariem un Cordova, PhoneGap un Ionic mobilajām ierīcēm paredzētajām lietotnēm.

WebStorm ir lieliska koda reaktora utilīta, tāpēc pat jauni kodētāji var ģenerēt sakoptu kodu. Tas var iegūt mainīgos, pārvietot failus, automātiski pabeigt un palīdzēt ar parametriem un funkcijām. Ja esat pieredzējis kodētājs, jūs atradīsit visus uzlabotos rīkus, kas nepieciešami, lai izveidotu dažas iespaidīgas lietotnes un funkcijas.

WebStorm nav bezmaksas, un tā lietošanai ir nepieciešams abonements gadā.

Atoms

Atom ir vēl viens ārkārtīgi populārs JavaScript IDE. Tas būtībā ir teksta redaktors, kuru varat izmantot pēc iespējas vairāk funkciju. Savietojams ar HTML, JavaScript, CSS un Node.js, Atom ir veidots uz Electron šķērsplatformu ietvara, kas jau ir pierādījis savu vērtību JavaScript programmēšanā.

Starp platformu funkcionalitāte ir lieliska sadarbības projektiem, savukārt iebūvētais pakešu pārvaldnieks piedāvā iespēju pievienot daudzus iepriekš sagatavotus pakotnes vai izveidot pats savu. Šī ir viena no visaugstāk novērtētajām Atom funkcijām, jo ​​tā piedāvā milzīgu brīvību konfigurēt IDE tieši tā, kā vēlaties to izmantot.

Citas Atom funkcijas ietver automātisku pabeigšanu, failu pārlūku, atrašanu un aizstāšanu, tagu automātisku aizvēršanu un noderīgu mini karti, kas parāda jūsu kodu pārskatā. Atom ir tendence palēnināties, strādājot ar lielākiem failiem, un acīmredzot tam ir atmiņas noplūde, kas, lietojot to, var izraisīt nobīdi. Izņemot to, tas ir ļoti augsti vērtēts.

Atom ir brīvi lietojams.

Kopenē

Kodepens sevi dēvē par “tīmekļa laukuma priekšpuses laukumu”. Tas ir viens no tiem tiešsaistes JavaScript IDE, ko es minēju iepriekš, un ļoti labi pārvalda to, ko tas dara. Tas labi spēlē ar HTML, CSS un JavaScript un darbojas ar CoffeeScript vai LiveScript. Tas ir noderīgi gan iesācējiem, kuri vēlas iemācīties kodu, gan to pārskatīt vienaudžiem, gan arī pieredzējušiem kodētājiem, kuri vēlas veidot kodu tiešraidē.

Codepen ir daudz CSS, HTML un JavaScript rīku. Jūs izveidojat savu kodu pildspalvveida pilnšļircē, izmantojot dažus diezgan jaudīgus rīku komplektus, piemēram, Emmet, lai ātri ģenerētu tīru kodu. Varat arī izmantot Vim taustiņu saistījumus, ja tos pazīstat ātrai ģenerēšanai. Jums ir arī piekļuve parastajiem koda rīkiem un funkcijām, kuras jūs varētu gaidīt no instalētas IDE.

Galvenais Codepen ieguvums ir kopiena. Tā ir ļoti liela un aktīva kopiena, kas piedāvā palīdzību, padomus un koda, ideju pārskatīšanu un daudz ko citu.

Codepen ir gan bezmaksas, gan Pro versija.

3. cildens teksts

Sublime Text 3 funkcijas lielākajā daļā labu JavaScript IDE sarakstu. Tas, kas sāka dzīvi kā vienkāršs teksta redaktors, ir pārtapis par pilntiesīgu IDE, kas ietver daudzus rīkus, kurus jūs plānojat izmantot koda sastādīšanā. Tas ir ļoti pielāgojams, darbojas dažādās platformās un viegli pārvalda Pakas.

UI ir vienkārša, bet efektīva. Tas darbojas ātri. Standarta instalācijā ir daudz rīku, kurus lietosit visu laiku, taču pakešu pārvaldnieks nodrošina, ka jums būs tik daudz funkciju, cik jums nepieciešams. Tas darbojas kopā ar Emmet, Babel, SublimeLimiter un citiem, lai palīdzētu jūsu JavaScript uzturēt tīru un sakoptu.

Tāpat kā Codepen, viens no reālākajiem Sublime Text 3 akcentiem ir kopiena. Viņi ne tikai izveido programmas spraudņus, bet arī palīdz, pārskata un piedāvā visa veida palīdzību un diskusiju tēmas. Šie ir kopienu veidi, kas liek domāt, ka cilvēcei vēl ir nākotne.

Sublime Text 3 var izmēģināt bez maksas, bet 70 USD paturēt.

NetBeans

NetBeans sāka dzīvi kā Java rīks, taču ir paplašinājies, iekļaujot JavaScript un Node.js. Tas darbojas arī ar HTML, CSS, PHP, JS, C / C ++, Python un citām valodām. Tas darbojas Java virtuālajā mašīnā, tāpēc darbosies lielākajā daļā operētājsistēmu, un to var konfigurēt tieši tā, kā jums patīk.

NetBeans ietver lielāko daļu rīku un funkciju, kuras jūs varētu sagaidīt, ieskaitot koda locīšanu, koda formatēšanu, JSON rīkus, mainīgo automātisko pabeigšanu, funkciju atsauces, bibliotēkas funkcijas, klases un daudz ko citu, lai jūs tiešām varētu ātri kodēt. Kad tas būs izdarīts, kārtīgā atkļūdošanas un kļūdu labošanas funkcija norādīs uz visām kļūdām un pat sniegs padomus, kur var atrast papildu optimizāciju.

NetBeans ir arī lieliski Chrome paplašinājumi, kas ļauj efektīvi atkļūdot un rediģēt avotus pārlūkā. Acīmredzot ļoti noderīgs rīks.

NetBeans ir bezmaksas un atvērtā koda.

Kā es minēju augšā, es neesmu kodētājs, tāpēc man bija jāpaļaujas uz kodētāja draugu, lai palīdzētu šajā gabalā. Kaut arī ieteikumi ir viņas, kļūdas vai kļūdas ir manas!

Vai jums ir citi ieteikumi par labu JavaScript IDE? Pastāstiet mums par to zemāk, ja jūs to darāt!

5 no labākajiem javascript ID Web izstrādei