WebStorm - інтэграванае асяроддзе распрацоўкі сайтаў (IDE) з дапамогай напісання і рэдагавання кода. Софт выдатна падыдзе для прафесійнага стварэння вэб-прыкладанняў для сайтаў. Падтрымліваюцца такія мовы праграмавання, як JavaScript, HTML, CSS, TypeScript, Dart і іншыя. Неабходна сказаць, што праграма мае падтрымку многіх фреймворков, што вельмі зручна для прафесійных распрацоўнікаў. У праграме ёсць тэрмінал, праз які выконваюцца ўсе дзеянні, якія вырабляюцца ў стандартнай камандным радку АС Windows.
Працоўная вобласць
Афармленне ў рэдактары выканана ў прыемным стылі, каляровую гаму якога можна змяніць. Прысутнічаюць цёмная і светлая тэмы. Інтэрфейс працоўнай вобласці абсталяваны кантэкстным меню і левай панэллю. У блоку злева адлюстровываюцца файлы праекта, у іх элемент можа знайсці патрэбны яму аб'ект.
У вялікім блоку праграмы знаходзіцца код адкрытага файла. Ўкладкі адлюстроўваюцца ў верхняй панэлі. У цэлым, афармленне распрацавана вельмі лагічна, а таму ніякіх інструментаў акрамя самой вобласці рэдактара і ўтрыманьня яго аб'ектаў не адлюстроўваецца.
Live Edit
Дадзеная магчымасць мае на ўвазе паказ выніку праекта ў браўзэры. Такім чынам вы зможаце рэдагаваць код, які адначасова ўтрымлівае элементы HTML, CSS і JavaScript. Для ажыццяўлення адлюстравання ўсіх дзеянняў праекта ў акне браўзэра неабходна ўсталяваць адмысловую ўбудову - JetBrains IDE Support, у прыватнасці для Google Chrome. У такім выпадку ўсе занесеныя змены будуць адлюстроўвацца без перазагрузкі старонкі.
адладка Node.js
Адладка прыкладанняў Node.js дазваляе сканаваць напісаны код на наяўнасць памылак, укаранёны ў JavaScript або TypeScript. Каб праграма не правярала памылкі ва ўсім кодзе праекта, трэба ўстаўляць спецыяльныя індыкатары - зменныя. У ніжняй панэлі адлюстроўваецца стэк выклікаў, у якім знаходзяцца ўсе паведамлення па нагоды праверкі кода, і што трэба ў ім змяніць.
Пры навядзенні курсора мышы на канкрэтную выяўленую памылку рэдактар выведзе тлумачэнні да яе. Акрамя ўсяго іншага, падтрымліваецца рух па кодзе, функцыя автодополненія і рэфактарынг. Усе паведамленні для Node.js выводзяцца ў асобнай ўкладцы працоўнай вобласці праграмы.
Настройка бібліятэк
У WebStorm можна падключаць дадатковыя і базавыя бібліятэкі. У асяроддзі распрацоўкі пасля выбару праекта па змаўчанні будуць уключаны ў наяўнасць асноўныя бібліятэкі, а вось ужо дадатковыя трэба падключаць ўручную.
Раздзел дапамогі
У дадзенай ўкладцы знаходзіцца падрабязная інфармацыю аб IDE, кіраўніцтва і шмат чаго іншага. Карыстальнікі могуць пакінуць водгук пра праграму або адправіць паведамленне з нагоды паляпшэння рэдактара. Для праверкі наяўнасці абнаўленняў выкарыстоўваецца функцыя «Check for Updates ...».
Софт можна набыць за канкрэтную суму або карыстацца бясплатна на працягу 30 дзён. Інфармацыя аб працягласці трыял-рэжыму таксама знаходзіцца тут. У раздзеле дапамогі можна ўвесці рэгістрацыйны код або перайсці на сайт для пакупкі з дапамогай адпаведнай клавішы.
напісанне кода
Пры напісанні або рэдагаванні кода вы можаце скарыстацца функцыяй автодополненія. Гэта азначае, што цалкам прапісваць тэг або параметр вам не трэба, так як праграма сама вызначыць мову і функцыю па першых літарах. Улічваючы тое, што рэдактар дазваляе карыстацца мноствам ўкладак, маецца магчымасць размясціць іх так, як вам зручна.
З дапамогай гарачых клавіш можна з лёгкасцю знаходзіць патрэбныя элементы кода. Усплывальныя падказкі жоўтага колеру ўнутры кода могуць дапамагчы распрацоўніку загадзя выявіць праблему і ліквідаваць яе. У выпадку, калі памылка была дапушчана, рэдактар адлюструе яе чырвоным колерам і папярэдзіў аб тым карыстальніка.
Да таго ж на паласе пракруткі адлюстроўваецца месцазнаходжанне памылкі, каб не шукаць самастойна. Пры навядзенні на памылку рэдактар сам прапанаваць выбраць адзін з варыянтаў правапісу для таго ці іншага выпадку.
Узаемадзеянне з вэб-серверам
Каб распрацоўшчык мог убачыць вынік выканання кода на HTML-старонцы праграме, неабходна злучацца з серверам. Ён убудаваны ў IDE, а менавіта з'яўляецца лакальным, якія захоўваюцца на ПК карыстальніка. З дапамогай пашыраных налад маецца магчымасць прымяняць пратаколы FTP, SFTP, FTPS для ўкладаў файлаў праекта.
У наяўнасці ёсць SSH-тэрмінал, у якім можна ўводзіць каманды, якія адпраўляюць запыт на лакальны сервер. Такім чынам, вы зможаце выкарыстоўваць такі сервер як рэальны, ужываючы ўсе яго магчымасці.
Кампіляцыя TypeScript ў JavaScript
Код, напісаны на мове TypeScript, ня апрацоўваецца браўзэрамі, таму што яны працуюць з JavaScript. Для гэтага патрабуецца кампіляцыя TypeScript ў JavaScript, якую можна правесці ў WebStorm. Наладжваецца кампіляцыя на адпаведнай ўкладцы так, каб праграма здзейсніла пераўтварэнне як усіх файлаў з пашырэннем * .ts, Так і асобных аб'ектаў. Пры унясенні любых змен у файле, які змяшчае код з TypeScript, ён будзе аўтаматычна скампіляваны ў JavaScript. Такая функцыя даступная калі вы пацвердзілі ў наладах дазвол выканання дадзенай аперацыі.
Мовы і фреймворка
Асяроддзе распрацоўкі дазваляе займацца самымі рознымі праектамі. Дзякуючы Twitter Bootstrap вы зможаце ствараць пашырэння для сайтаў. Выкарыстоўваючы HTML5, становіцца даступным ўжываць найноўшых тэхналогій дадзенага мовы. Dart кажа само за сябе і з'яўляецца заменай мовы JavaScript, з яго дапамогай распрацоўваюцца вэб-прыкладанні.
Вы зможаце ажыццяўляць front-end распрацоўку дзякуючы кансольнай утыліце Yeoman. Стварэнне одностраничных ажыццяўляецца пры дапамозе фреймворка AngularJS, які выкарыстоўвае адзіны HTML-файл. Асяроддзе распрацоўкі дазваляе працаваць і над іншымі праектамі, якія спецыялізуюцца на стварэннях структуры афармлення вэб-рэсурсаў і дапаўненняў да іх.
тэрмінал
Софт пастаўляецца з тэрміналам, у якім вы непасрэдна будзеце выконваць розныя аперацыі. Убудаваная кансоль дае доступ да каманднага радка АС: PowerShell, Bash і іншыя. Так вы можаце выконваць каманды прама з IDE.
годнасці
- Мноства падтрымоўваных моў і фреймворков;
- Усплывальныя падказкі ў кодзе;
- Рэдагаванне кода ў рэжыме рэальнага часу;
- Дызайн з лагічнай структурай элементаў.
недахопы
- Платная ліцэнзія на прадукт;
- Англійская мова інтэрфейсу.
Падводзячы вынік усяго вышэйпералічанага, неабходна сказаць, што IDE WebStorm - выдатнае ПА для распрацоўкі прыкладанняў і вэб-сайтаў, якое мае шмат інструментаў. Софт больш арыентаваны на аўдыторыю прафесійных распрацоўнікаў. Падтрымка разнастайных моў і фреймворков ператварае праграму ў рэальную вэб-студыю з шырокімі магчымасцямі.
Спампаваць пробную версію WebStorm
Загрузіць апошнюю версію праграмы з афіцыйнага сайта
Праграмы для стварэння сайта 
Aptana Studio 
Ўключэнне JavaScript у браўзэры Opera 
Android StudioПадзяліцца артыкулам у сацыяльных сетках:
