Programmēšana

Pārskats: 6 labākie JavaScript IDE

Mūsdienās JavaScript tiek izmantots daudz dažādu veidu lietojumprogrammām. Visbiežāk tīmekļa priekšgalu izveidošanai JavaScript darbojas ar HTML5 un CSS. Bet JavaScript palīdz arī veidot mobilās lietojumprogrammas, un tā aizmugurē ir atradusi svarīgu vietu Node.js serveru veidā. Par laimi, JavaScript izstrādes rīki - gan redaktori, gan IDE - pieaug, lai risinātu jaunās problēmas.

Kāpēc redaktora vietā izmantot IDE? Galvenais iemesls ir tas, ka IDE var atkļūdot un dažreiz profilēt jūsu kodu. IDE ir arī atbalsts ALM sistēmām, versiju kontrolei integrējoties ar tādiem kā Git, GitHub, Mercurial, Subversion un Perforce. Bet, tā kā vairāk redaktoru pievieno šīm sistēmām āķus, ALM atbalsts kļūst mazāk atšķirīgs.

Eclipse 2018 ar JavaScript izstrādes rīkiem

Vēl senajos laikos, kad Java Swing bija jauns un aizraujošs, man patika izmantot Eclipse Java izstrādei, bet drīz pārgāju uz citiem Java IDE. Pirms pieciem plus gadiem, kad es veicu kādu Android izstrādi ar Eclipse, es atklāju, ka pieredze ir laba, bet mainīga. Kad 2014. gadā mēģināju izmantot Eclipse Luna ar JSDT JavaScript izstrādei, tas pastāvīgi parādīja kļūdaini pozitīvas kļūdas derīgam kodam, kas izturēja JSHint.

Saistītais video: kas ir JavaScript? Radītājs Brendans Eihs paskaidro

Brendans Eihs, JavaScript programmēšanas valodas veidotājs, izskaidro, kā valoda tiek lietota un kāpēc tā joprojām ir iecienīta programmētāju vidū, ņemot vērā tās lietošanas ērtumu.

Par laimi, kopš tā laika vairāki pārdevēji un atvērtā pirmkoda projekti ir palielinājušies. Eclipse 2018 ar JavaScript izstrādes rīkiem ir pienācīgs JavaScript redaktors un Chrome balstīts atkļūdotājs, taču tas nezina ne par TypeScript, ko izmanto Angular, ne par ES6 un JSX failiem, kurus izmanto React.

Eclipse vienmēr ir izbaudījis milzīgu spraudņu tirgu. Lai izmantotu TypeScript, apsveriet bezmaksas spraudni TypeScript 1.0.0. Attiecībā uz Angular, TypeScript un ES6 ņemiet vērā komerciālo Angular IDE (ko izstrādāja CodeMix, agrāk Webclipse), un React projektiem ar JSX failiem izmēģiniet atvērtā koda TypeScript IDE. Ja pievienojat vairāk nekā vienu, jums būs jāatrisina viņu strīds par to, kurš no tiem rediģēs TypeScript failus, taču tas nav liels darījums.

Par CodeMix rīkiem tiek iekasēta maksa par Visual Studio Code viedo ierīču pievienošanu Eclipse. Atšķirībā no vairuma Eclipse spraudņu, CodeMix Angular IDE nav bezmaksas, taču tam ir 45 dienu bezmaksas izmēģinājums. Ņemot vērā to, ka Visual Studio kods ir bezmaksas, es to apsvērtu, pirms maksājat par Angular IDE.

Izmaksas: bezmaksas; Leņķiskais IDE, ko veic CodeMix, 29 ASV dolāri (personīgi) vai 48 ASV dolāri (komerciāli) gadā. Platforma: Windows, MacOS un Linux.

ActiveState Komodo IDE

Esmu bijis Komodo IDE lietotājs un ventilators kopš tā ieviešanas 2001. gadā. Lai gan jaunāki produkti, piemēram, Visual Studio Code un WebStorm, dažās jomās to ir pārspējuši, tas joprojām ir labs redaktors un IDE.

Komodo IDE nodrošina uzlabotu JavaScript rediģēšanu, sintakses izcelšanu, navigāciju un atkļūdošanu, taču tajā nav iekļauta JavaScript koda pārbaude. Lai to izdarītu, jūs vienmēr varat palaist JSHint čaulā.

Komodo atbalsta desmitiem programmēšanas un iezīmēšanas valodu. Komodo IDE ar savu plašo programmēšanas un iezīmēšanas valodas atbalsta klāstu, ieskaitot atjaunošanu, atkļūdošanu un profilēšanu, ir ļoti laba izvēle pilnīgai attīstībai atvērtā koda valodās.

Komodo ir koda atjaunošanas modulis visām valodām, kurām tā nodrošina koda izlūkošanu: PHP, Perl, Python, Ruby, Tcl, JavaScript un Node.js. Diemžēl šīs pieejas “mazākais kopsaucējs” raksturs ierobežo mainīgo un klases locekļu pārdēvēšanu un koda iegūšanu metodē. Neskatoties uz to, šie ir daži no visnoderīgākajiem gadījumiem.

Komodo IDE ir gan kolonnu rediģēšana, gan vairākas izvēles. Tas nodrošina gandrīz vienādu paritāti ar Sublime Text un TextMate, ciktāl tas attiecas uz masveida rediģēšanu. Kamēr mēs veicam salīdzināšanu, Komodo ir vairāk IDE, savukārt Sublime Text ir daudz ātrāks. Kamēr mēs apspriežam veiktspēju, Komodo ātrums ir ievērojami uzlabojies, salīdzinot ar vecākām versijām, ekrāna zīmēšanā, meklēšanā un sintakses pārbaudē.

Komodo IDE ir vairākas funkcijas, kuru trūkst lielākajai daļai konkurējošo produktu. Viens ir tā HTTP inspektors, kas ir lieliski piemērots Ajax atzvanīšanas atkļūdošanai. Vēl viens ir tā Rx (regulārā izteiksme vai regex) rīku komplekts, kas ir lielisks veids, kā izveidot un pārbaudīt regulāras izteiksmes JavaScript, Perl, PHP, Python un Ruby.

Sadarbība ir vēl viens Komodo IDE diferencētājs - domājiet par to kā par Google dokumentiem kodam. Varat izveidot sesijas failu grupām, pievienot kontaktus sesijām kā līdzstrādniekiem un pēc tam vienlaikus strādāt ar tiem pašiem failiem, gandrīz sinhronizējot reāllaikā.

Sadarbība neaizstāj pirmkodu vadību, bet ir noderīgs papildinājums. Komodo IDE integrē pirmkodu vadību, izmantojot CVS, Subversion, Perforce, Git, Mercurial un Bazaar. Tiek atbalstītas tikai pamata versiju kontroles darbības. Papildu darbības, piemēram, sazarošana, jāveic, izmantojot atsevišķu avota koda vadības klientu.

Lai gan Komodo nav sava JavaScript dokumentu formatētāja, tas šim nolūkam izmanto vislabākā bezmaksas atvērtā koda priekšrocības. No kastes noklusējuma JavaScript failu formatētājs ir JS Beautifier, bet nolaižamajā izvēlnē ir pieejamas vēl deviņas iespējas.

Komodo IDE atbalsta klienta puses JavaScript atkļūdošanu pārlūkā Chrome, un tas var atkļūdot Node.js gan lokāli, gan attālināti. Tas arī atkļūdo Perl, Python, PHP, Ruby, Tcl un XSLT.

Komodo IDE ir DOM skatītājs, kas ļauj skatīt XML un HTML dokumentus kā saliekamus kokus. Tas arī ļauj veikt XPath meklējumus, lai filtrētu koku.

Komodo kodu profilēšana un vienību testēšanas moduļi neatbalsta JavaScript. Tomēr gan JavaScript, gan Node.js atbalsta Komodo Code Intelligence modulis, kas īsteno kodu pārlūkošanu, automātisko pabeigšanu un zvanu padomus.

Komodo IDE var publicēt failu grupas, izmantojot FTP, SFTP, FTPS vai SCP. Komodo var arī sinhronizēt failus un atklāt iespējamos publicēšanas konfliktus, kas var izraisīt citu cilvēku izmaiņu pārrakstīšanu.

Kopumā Komodo ir labs, bet ne lielisks JavaScript IDE un labs, bet ne lielisks JavaScript redaktors. Tomēr tas var labi kalpot jūsu vajadzībām, it īpaši, ja strādājat arī ar Perl, Python, PHP, Ruby, Tcl vai XSLT.

Izmaksas: 295 USD, plus 87 USD gadā par jauninājumiem un atbalstu. Platforma: Windows (7 vai jaunāka), MacOS (10.9 vai jaunāka), Linux.

Apache NetBeans

NetBeans tīmekļa projektos ir ļoti labs JavaScript, HTML5 un CSS3 atbalsts, un tas atbalsta Cordova / PhoneGap ietvaru, lai izveidotu uz JavaScript balstītas mobilās lietojumprogrammas. NetBeans nav ātrākais IDE blokā, taču tas ir viens no pilnīgākajiem. Un, protams, cena ir pareiza: NetBeans ir pieejams bez maksas ar atvērtā pirmkoda licenci.

NetBeans JavaScript redaktors nodrošina sintakses izcelšanu, automātisko pabeigšanu un kodu locīšanu, gandrīz kā jūs gaidījāt. JavaScript rediģēšanas funkcijas darbojas arī PHP, JSP un HTML failos iegultiem JavaScript kodiem. jQuery atbalsts tiek cepts redaktorā. NetBeans 8.2 ir jauns vai uzlabots atbalsts Node.js un Express, Gulp, Grunt, AngularJS, Knockout.js, Jade, Mocha un Selenium.

Koda analīze darbojas fonā, kad rediģējat, sniedzot brīdinājumus un padomus. Atkļūdošana darbojas iegultā WebKit pārlūkprogrammā un pārlūkā Chrome ar instalētu NetBeans savienotāju. Atkļūdotājs var iestatīt DOM, līnijas, notikuma un XMLHttpRequest pārtraukuma punktus, un tas parādīs mainīgos, pulksteņus un zvanu kaudzi. Integrētajā pārlūkprogrammas žurnāla logā tiek parādīti pārlūka izņēmumi, kļūdas un brīdinājumi.

NetBeans var konfigurēt un veikt vienības testēšanu, izmantojot JsTestDriver - JAR (Java arhīva) failu, kuru varat lejupielādēt bez maksas. Vienības testu atkļūdošana tiek automātiski iespējota, ja pakalpojumā Logs konfigurējot JsTestDriver, kā vienu no JsTestDriver pārlūkiem norādāt pārlūku Chrome ar NetBeans Connector.

Atkļūdojot tīmekļa lietojumprogrammu pārlūkā Chrome ar NetBeans savienotāju un rediģējot CSS no Chrome izstrādātāja rīkiem, izmaiņas tiks tvertas NetBeans un saglabātas CSS failos. Tomēr, ja jūsu CSS faili tika ģenerēti no stila Less vai Sass lapām, jums būs manuāli jāatjaunina avota lapa, jo CSS faili ir tikai apkopoti.

Iegultā WebKit pārlūkprogrammā un pārlūkā Chrome ar instalētu NetBeans savienotāju varat izmantot NetBeans tīkla monitoru, lai skatītu pieprasījumu galvenes, atbildes un zvanu kaudzītes REST komunikācijai. WebSocket sakariem tiek parādīti gan galvenes, gan teksta rāmji. Kopumā NetBeans nodrošina nedaudz labāku pārlūka Chrome atkļūdošanas pieredzi, nekā jūs saņemat Firefox ar Firebug.

NetBeans integrē pirmkodu vadību ar Git, Subversion, Mercurial un CVS. Git atbalstu papildina grafiskais Diff skatītājs un IDE plauktu sistēma. NetBeans krāsu kodē failu Git statusu, ļauj apskatīt katra faila pārskatīšanas vēsturi un parāda informāciju par katru versiju kontrolēto failu pārskatīšanu un autoru. NetBeans ir līdzīgas integrācijas ar Subversion, Mercurial un CVS, taču es testēju tikai Git.

NetBeans integrē problēmu izsekošanu ar Jira un Bugzilla. NetBeans uzdevumu logā reģistrētajā uzdevumu krātuvē varat meklēt uzdevumus, saglabāt meklējumus, atjaunināt uzdevumus un atrisināt uzdevumus. NetBeans ir arī komandas serveru integrācija vietnēm, kas izmanto Kenai infrastruktūru.

Cik es varu noteikt, NetBeans trūkst JavaScript profilēšanas, lai gan tas var profilēt Java lietojumprogrammas un EJB moduļus. Lai gan NetBeans var pārveidot Java un PHP, tas nevar pārveidot JavaScript.

Kopumā NetBeans ir pienācīgs sāncensis klienta puses JavaScript, HTML5 un CSS3 izstrādei, it īpaši, ja serverī veicat arī Java, PHP vai C ++ izstrādi. Ja jums nav WebStorm budžeta un jums nepatīk Microsoft, jūs atradīsit, ka NetBeans veic šo darbu, ja vien jūs īpaši nesteidzaties.

Izmaksas: bezmaksas. Platforma: Windows, Solaris, MacOS, Linux.

Microsoft Visual Studio 2017

Visā Visual Studio 2017 pārskatā es apspriedu produktu kopumā, tikai ar dažām atsaucēm uz JavaScript. Es šeit mainīšu uzsvaru.

Kopumā Visual Studio 2017 ļoti labi kalpo kā JavaScript IDE, lai gan tā ir labāka .Net IDE, un tā nav tik laba kā WebStorm JavaScript. Lai gan tas ļoti labi kalpo arī kā JavaScript redaktors, tas ir labāks C # redaktors, un tas nav tik labs vai tik ātrs kā Sublime Text for JavaScript.

Kā redzat zemāk redzamajā ekrānuzņēmumā, Visual Studio 2017 veic labu darbu ar JavaScript sintakses krāsošanu un koda locīšanu. Tas labi strādā arī ar JavaScript koda navigāciju: ar peles labo pogu noklikšķiniet uz funkcijas vai dalībnieka vārda, un jūs varat viegli pāriet uz definīciju vai atrast visas atsauces. Kad esat apskatījis definīciju, interfeisa augšdaļā varat nospiest atpakaļvērsto bultiņu, lai atgrieztos tur, kur bijāt.

Jūs varat viegli ievietot fragmentus un apņemt atlasi ar atbilstošu kodu, piemēram, virknes mainīgo HTML vai URL kodēšanu. Papildus JavaScript, HTML un CSS varat rediģēt Markdown failus un redzēt atveidoto Markdown, un jūs varat strādāt ar TypeScript.

Turklāt jūs, protams, varat kodēt jebkurā .Net valodā, C ++ un Python. Kā jau Visual Studio ir bijis jau ilgu laiku, ar datu bāzēm var strādāt tieši no IDE. Visual Studio ir īpaši spēcīga, strādājot ar SQL Server datu bāzēm. Lielākajai daļai datu bāzes darbību, kuras vēlaties veikt kā izstrādātājam, var izvairīties, izmantojot Visual Studio, nevis SQL Server Management Studio.

Visual Studio 2017 atbalsta atkļūdošanu gandrīz jebkurā pārlūkprogrammā, kuru vēlaties izmantot, ieskaitot pārlūkprogrammas mobilajās ierīcēs un emulatoros. Tam ir arī divas savas pārlūkprogrammas: vienkāršs iekšējais tīmekļa pārlūks, kas ir (pārsteigums!) Internet Explorer versija, un Page Inspector, kas parāda atveidoto lapu kopā ar visiem avotiem un stiliem. Lai gan lapu inspektors veic daudz potenciāli laikietilpīgu, reversu inženieriju, lai iestatītu sevi lapai, tiklīdz tajā esat, jūs varat palikt tur bez žonglēšanas ar Visual Studio, pārlūku un pārlūka izstrādātāja rīkiem. .

Visual Studio 2017 veiktspēja parasti ir diezgan laba, ja tai piešķirat pietiekami daudz atmiņas un procesora jaudas, taču tai parasti ir nepieciešami ievērojami resursi. Visual Studio 2017 ir lieliska lietojumprogrammu veiktspējas diagnostika, taču kopumā tās nav tik noderīgas parastajam JavaScript kodam, kas parasti darbojas dziļi pārlūkprogrammā. Visual Studio ir noteikts JavaScript funkciju laiks, HTML lietotāja saskarnes atsaucība un JavaScript atmiņas rīki, taču tie attiecas tikai uz JavaScript balstītiem universālās Windows platformas projektiem, nevis uz tīmekļa projektiem, kuros gadās izmantot JavaScript.

Visual Studio 2017 ietver lielisku Node.js lietojumprogrammu rediģēšanu, IntelliSense, profilēšanu, NPM integrāciju, TypeScript atbalstu, atkļūdošanu lokāli un attālināti (Windows, MacOS, Linux) un atkļūdošanu Azure Web Apps un Azure Cloud Services. Tam ir arī atbalsts CSS, HTML, JavaScript, TypeScript, CoffeeScript un mazāk. Tas ietver JSHint palaišanu rakstīšanas laikā, ļaujot samazināt JavaScript failus no konteksta izvēlnes un automātiski apkopojot CoffeeScript failus saglabāšanas laikā, parādot ģenerētā JavaScript priekšskatījumu blakus.

$config[zx-auto] not found$config[zx-overlay] not found