Anonim

Ang JavaScript ay ginagamit ng maraming sa pagbuo ng web ngunit para sa iba pang mga bagay tulad ng pag-unlad ng mobile at apps. Ang isang simpleng editor ng teksto ay maaaring maging lahat ng kailangan mo para sa CSS at HTML5 ngunit ang JavaScript ay nangangailangan ng kaunti pa. Narito kung ano ang malawak na itinuturing na pinakamahusay na JavaScript IDE para sa pagbuo ng web ngayon.

Ang isang mahusay na JavaScript IDE ay kailangang magkaroon ng ilang mga pangunahing tampok. Dapat itong isama ang mga tool tulad ng pagkumpleto ng auto code, mga pag-andar ng listahan, pagbuo ng code, refactoring, matalinong nabigasyon, isang pinagsama-samang tampok na debugger at pagsubok. Ang isang mahusay na IDE ay magsasama rin ng error at pagbubukod ng paghawak at mga add-on upang mapalawak ang repertoire nito.

Ang ilan sa mga JavaScript ng IDE sa listahang ito ay premium, ang ilan ay libre, marami ang nai-download sa iyong computer ngunit ang isang mag-asawa ay online. Lahat ng mga ito ay nasuri na mabuti at mukhang napakapopular. Kung naghahanap ka ng isang bagong ID ng JavaScript para sa pagbuo ng web, ang isa sa mga ito ay sigurado na magkasya sa bayarin.

Hindi ako coder ngunit isa sa aking pinakamatalik na kaibigan, kaya ginamit ko ang kanyang kadalubhasaan upang bumuo ng listahang ito.

WebStorm

Ang WebStorm ay isa sa pinakapopular na JavaScript IDE sa paligid kung ang bilang ng mga pag-download at positibong mga pagsusuri ay anupaman. Ito ay dinisenyo mula sa lupa hanggang sa maging madaling gamitin at madaling gamitin at tiyak na tila ito. Ito ay katugma sa JavaScript, HTML, CSS, Angular at Node.js kaya nasasakop ang lahat ng mga batayan. Tugma din ito sa Angular, React at Meteor frameworks at Cordova, PhoneGap at Ionic mobile development app.

Ang WebStorm ay may isang mahusay na utak sa refactoring code kaya kahit ang mga bagong coder ay maaaring makabuo ng malinis na code. Maaari itong kunin ang mga variable, ilipat ang mga file, kumpleto ang auto at makakatulong sa mga parameter at pag-andar. Kung ikaw ay isang mas may karanasan na coder, mahahanap mo ang lahat ng mga advanced na tool na kailangan mo upang lumikha ng ilang mga kahanga-hangang apps at tampok.

Ang WebStorm ay hindi libre at nangangailangan ng isang taunang subscription na gagamitin.

Atom

Ang Atom ay isa pang napaka sikat na JavaScript IDE. Ito ay mahalagang isang text editor na maaari mong i-bolt sa maraming mga tampok na kailangan mo. Mga katugmang sa HTML, JavaScript, CSS at Node.js, ang Atom ay itinayo sa Electron isang cross-platform na balangkas na napatunayan na ang halaga nito sa programming ng JavaScript.

Ang pag-andar ng cross platform ay mahusay para sa mga proyekto ng pakikipagtulungan habang ang built-in na Package Manager ay nag-aalok ng kakayahang magdagdag ng maraming mga pre-built packages o lumikha ng iyong sariling. Ito ay isa sa mga pinaka mataas na presyo ng mga tampok ng Atom dahil nag-aalok ito ng malaking kalayaan upang mai-configure ang IDE sa eksaktong kung paano mo gagamitin ito.

Kasama sa iba pang mga tampok ng Atom ang pagkumpleto ng auto, file browser, hanapin at palitan, mga auto-close tags at isang kapaki-pakinabang na mini map na nagpapakita sa iyo ng iyong code sa isang pangkalahatang-ideya. Ang Atom ay may posibilidad na pabagalin kapag nagtatrabaho sa mas malaking mga file at tila may isang pagtagas ng memorya na maaaring magdulot ng lag kapag ginagamit ito. Maliban dito, lubos na itinuturing.

Malayang gamitin ang Atom.

Codepen

Tinawag ni Codepen ang sarili nitong 'palaruan para sa harap-dulo ng web'. Ito ay isa sa mga online na JavaScript IDE na nabanggit ko sa itaas at napakahusay sa ginagawa nito. Nagpe-play ito ng mabuti sa HTML, CSS at JavaScript at gumagana sa Coffeekrip o Livekrip. Kapaki-pakinabang ito kapwa para sa mga nagsisimula na nais matuto ng code at sinuri ito ng mga kapantay ngunit nakaranas din ng mga coder na nais na bumuo sa isang live na kapaligiran ng preview.

Maraming mga tool ng CSS, HTML at JavaScript sa loob ng Codepen. Lumilikha ka ng iyong code sa loob ng isang Panulat gamit ang ilang mga napakalakas na toolkits tulad ng Emmet upang mabilis na makabuo ng malinis na code. Maaari mo ring gamitin ang Vim Key Bindings kung alam mo ang mga ito para sa mabilis na henerasyon. Mayroon ka ring access sa karaniwang mga tool sa code at tampok na iyong aasahan mula sa isang naka-install na IDE.

Ang pangunahing pakinabang ng Codepen ay ang pamayanan. Ito ay isang napakalaking at aktibong pamayanan na nag-aalok ng tulong, payo at pagsusuri ng code, mga ideya at iba pa.

Ang Codepen ay may parehong libre at isang bersyon ng Pro.

Teksto ng Sublime 3

Nagtatampok ang Sublime Text 3 sa karamihan ng mga listahan ng magandang JavaScript IDE. Ano ang sinimulan ng buhay bilang isang simpleng editor ng teksto ay umunlad sa isang ganap na IDE na kasama ang marami sa mga tool na inaasahan mong gagamitin kapag naipon ang iyong code. Ito ay lubos na napapasadyang, gumagana sa buong mga platform at pinamamahalaan ang mga Pakete.

Ang UI ay simple ngunit epektibo. Gumagana din ito nang mabilis. Ang karaniwang pag-install ay naglalaman ng maraming mga tool na gagamitin mo sa lahat ng oras ngunit tinitiyak ng Package Manager na magkakaroon ka ng maraming mga tampok na kailangan mo. Gumagana ito sa Emmet, Babel, SublimeLimiter at iba pa upang makatulong na mapanatiling malinis at maayos ang iyong JavaScript.

Tulad ng Codepen, ang isa sa mga tunay na highlight ng Sublime Text 3 ay ang komunidad. Hindi lamang sila lumilikha ng mga plugin para sa programa, tumutulong din sila, suriin at nag-aalok ng lahat ng mga uri ng mga paksa at tulong sa talakayan. Ito ang mga uri ng mga pamayanan na humantong sa iyo upang maniwala na ang sangkatauhan ay mayroon pa ring hinaharap.

Ang Sublime Text 3 ay malayang subukan ngunit $ 70 na panatilihin.

Mga NetBeans

Sinimulan ng mga NetBeans ang buhay bilang isang tool sa Java ngunit pinalawak na isama ang JavaScript at Node.js. Gumagana din ito sa HTML, CSS, PHP, JS, C / C ++, Python at iba pang mga wika. Gumagana ito sa loob ng isang virtual virtual na Java sa gayon ay gagana sa karamihan ng mga operating system at maaaring mai-configure kung paano mo ito gusto.

Kasama sa mga NetBeans ang karamihan sa mga tool at tampok na nais mong isama kasama ang code natitiklop, pag-format ng code, mga tool sa JSON, auto-kumpleto para sa mga variable, pag-andar ng sanggunian, pag-andar ng aklatan, klase at iba pa upang talagang mabilis kang mag-code. Kapag tapos na, ang masinop na pag-debug at tamang pag-andar ng error ay ituturo ang anumang mga pagkakamali at kahit na nag-aalok ng mga pahiwatig kung saan matatagpuan ang karagdagang pag-optimize.

Ang NetBeans ay mayroon ding cool na mga extension ng Chrome na nagbibigay-daan para sa epektibong pag-debug at kakayahang mag-edit ng mga mapagkukunan mula sa loob ng browser. Tila isang napaka-kapaki-pakinabang na tool.

Ang NetBeans ay libre at bukas na mapagkukunan.

Tulad ng nabanggit ko sa tuktok, hindi ako isang coder kaya kinailangan kong sumandal sa kaibigan ng coder upang makatulong sa piraso na ito. Habang ang mga rekomendasyon ay kanya, anumang mga pagkakamali o pagkakamali ay akin!

Mayroon bang ibang mga mungkahi para sa isang mahusay na JavaScript IDE? Sabihin sa amin ang tungkol dito sa ibaba kung gagawin mo!

5 Sa mga pinakamahusay na javascript ides para sa web development