JavaScript часта выкарыстоўваецца ў вэб-распрацоўках, але і для іншых мэтаў, напрыклад, для распрацоўкі мабільных прылад і прыкладанняў. Просты тэкставы рэдактар ​​можа быць усім, што трэба для CSS і HTML5, але для JavaScript патрабуецца крыху больш. Яны ў цяперашні час шырока разглядаюцца як лепшы IDE JavaScript для вэб-распрацоўкі.

Добры JavaScript IDE павінен выконваць некаторыя важныя функцыі. Яна павінна ўключаць у сябе такія інструменты, як аўтаматычнае папаўненне кода, спісы функцый, генерацыя кода, рэфактарынг, інтэлектуальная навігацыя, інтэграваны адладчык і тэставыя функцыі. Добры IDE таксама будзе ўключаць апрацоўку памылак і выключэнняў і дапаўненні для пашырэння рэпертуару.

Некаторыя ідэнтыфікатары JavaScript у гэтым спісе з'яўляюцца прэміум-класамі, іншыя бясплатныя, многія загружаюцца на ваш кампутар, а некаторыя знаходзяцца ў Інтэрнэце. Усе яны ацэньваюцца станоўча і, здаецца, вельмі папулярныя. Калі вы шукаеце новы IDE JavaScript для вэб-распрацоўкі, адзін з іх прызначаны для вас.

Я не праграміст, але адзін з маіх лепшых сяброў. Менавіта таму я выкарыстаў іх вопыт для стварэння гэтага спісу.

WebStorm

WebStorm - гэта адна з самых папулярных ідэнтыфікатараў JavaScript, даступная пры правільнай колькасці загрузак і станоўчых водгукаў. Ён быў распрацаваны і, здаецца, зручны і зручны з нуля. Ён сумяшчальны з JavaScript, HTML, CSS, Angular і Node.js, таму ўсе асновы асвятляюцца. Ён таксама сумяшчальны з ракурсамі Angula, React і Meteor, а таксама з прыкладаннямі для мабільнай распрацоўкі Cordova, PhoneGap і Ionic.

WebStorm мае выдатную ўтыліту для мадэрнізацыі кода, якую новыя кадэры могуць выкарыстоўваць для стварэння чыстага кода. Ён можа здабываць зменныя, перамяшчаць файлы, аўтаматычна завяршаць іх і дапамагаць параметрамі і функцыямі. Калі вы дасведчаны праграміст, тут вы знойдзеце ўсе сучасныя інструменты, неабходныя для стварэння дзіўных прыкладанняў і функцый.

WebStorm не бясплатны і патрабуе штогадовай падпіскі.

Атам

Atom - яшчэ адзін надзвычай папулярны JavaScript IDE. Па сутнасці гэта тэкставы рэдактар, з дапамогай якога вы можаце пашырыць любую колькасць функцый. Atom сумяшчальны з HTML, JavaScript, CSS і Node.js і заснаваны на Electron, кросплатформеннай аснове, якая ўжо зарэкамендавала сябе ў праграмаванні JavaScript.

Крос-платформавая функцыянальнасць ідэальна падыходзіць для сумесных праектаў, у той час як інтэграваны менеджэр пакетаў прапануе магчымасць дадаць шмат гатовых пакетаў альбо стварыць свой уласны. Гэта адна з самых пажаданых функцый Atom, бо IDE можна наладзіць так, як вам трэба.

Іншыя функцыі Atom ўключаюць аўтазапаўненне, прагляд файла, пошук і замену, аўтаматычнае закрыццё тэгаў і карысную міні-карту, якая паказвае ваш код у аглядзе. Atom, як правіла, запавольваецца пры працы з вялікімі файламі і, здаецца, уцечка памяці, што можа выклікаць затрымкі ў выкарыстанні. Гэта, як гаворыцца, вельмі высока ацэнена.

Atom з'яўляецца бясплатным у выкарыстанні.

Codepen

Codepen называе сябе "пляцоўкай для пярэдняга канца палатна". Гэта адзін з згаданых вышэй Інтэрнэт-сайтаў JavaScript IDE і з ім вельмі добра спраўляецца. Ён добра працуе з HTML, CSS і JavaScript, а таксама з CoffeeScript ці LiveScript. Гэта карысна як для пачаткоўцаў, якія хочуць вывучыць код, так і вопытных праграмістаў, якія хочуць стварыць жывую сераду папярэдняга прагляду.

Codepen ўключае ў сябе шмат інструментаў CSS, HTML і JavaScript. Вы будуеце свой код з-пад пяра, выкарыстоўваючы такія магутныя наборы інструментаў, як Emmet, каб хутка стварыць чысты код. Вы таксама можаце выкарыстоўваць клавішы Vim, калі вы ведаеце іх для хуткай генерацыі. У вас таксама ёсць доступ да звычайных інструментаў і функцый кода, якіх вы маглі б чакаць ад усталяванага IDE.

Асноўная перавага Codepen - гэта супольнасць. Гэта вельмі вялікая і актыўная суполка, якая прапануе дапамогу, парады і агляд кода, ідэй і многае іншае.

У Codepen ёсць як бясплатная, так і прафесійная версія.

Падняты тэкст 3

Узнёслы тэкст 3 уключаны ў большасць спісаў добрага IDE JavaScript. Тое, што пачалося як просты тэкставы рэдактар, перарасла ў паўнавартасны IDE, які змяшчае шмат інструментаў, неабходных для кампіляцыі вашага кода. Гэта наладжвальны, працуе на платформах і з лёгкасцю кіруе пакетамі.

Карыстацкі інтэрфейс просты, але эфектыўны. Ён таксама працуе хутка. Стандартная ўстаноўка змяшчае мноства інструментаў, якія вы б увесь час выкарыстоўвалі, але менеджэр пакетаў гарантуе вам столькі функцый, колькі вам трэба. Працуе з Emmet, Babel, SublimeLimiter і іншымі, каб захаваць ваш JavaScript у чысціні і парадку.

Адзін з рэальных момантаў узнёслага тэксту 3, як Codepen, - гэта супольнасць. Яны не толькі ствараюць убудовы для праграмы, але дапамагаюць, правяраюць і прапануюць разнастайныя тэмы падтрымкі і абмеркавання. Гэта тыпы супольнасцей, якія прымушаюць вас верыць, што ў чалавецтва ёсць будучыня.

Sublime Text 3 паспрабаваць бясплатна, але каштуе 70 долараў.

NetBeans

Першапачаткова NetBeans быў інструментам Java, але быў пашыраны, каб уключыць JavaScript і Node.js. Ён таксама працуе з HTML, CSS, PHP, JS, C / C ++, Python і іншымі мовамі. Ён працуе ў віртуальнай машыне Java, таму працуе ў большасці аперацыйных сістэм і можа быць наладжаны так, як вам падабаецца.

NetBeans ўключае ў сябе большасць інструментаў і функцый, якія вы маглі б чакаць, уключаючы складанне кода, фарматаванне кода, інструменты JSON, зменнае завяршэнне, спасылкі на функцыі, бібліятэчныя функцыі, класы і шмат іншага, так што вы можаце вельмі хутка закадаваць. Як толькі гэта будзе зроблена, функцыя чыстага адладкі і выпраўлення памылак будзе паказваць на памылкі і нават даваць падказкі, дзе можна знайсці далейшую аптымізацыю.

NetBeans таксама мае крутае пашырэнне Chrome, якое дазваляе эфектыўную адладку і магчымасць рэдагаваць крыніцы ў браўзэры. Мабыць, вельмі карысны інструмент.

NetBeans з'яўляецца бясплатным і з адкрытым зыходным кодам.

Як я ўжо згадваў вышэй, я не праграміст, таму мне давялося разлічваць на сябра праграміста, каб дапамагчы ў гэтым творы. Хоць рэкамендацыі ідуць ад яе, усе памылкі і памылкі мае!

Ці ёсць у вас якія-небудзь прапановы па добраму IDE JavaScript? Раскажыце пра гэта ніжэй, калі вы робіце!