WebStorm бул кодду жазуу жана редакциялоо жолу менен сайтты өнүктүрүүнүн айлана-чөйрөсү (IDE). Программалык камсыздоо сайттар үчүн веб-тиркемелерди профессионалдуу түзүүгө ылайыктуу. Программалоо тилдери, мисалы JavaScript, HTML, CSS, TypeScript, Dart жана башкалар колдоого алынат. Программа көптөгөн алкактарды колдой тургандыгын айта кетүү керек, бул кесипкөй иштеп чыгуучулар үчүн абдан ыңгайлуу. Программада Windowsтун стандарттык буйрук сабында аткарылган бардык аракеттер аткарылган терминал бар.
Жумуш аянты
Редактордогу дизайн жагымдуу стилде жасалып, анын түс схемасын өзгөртүүгө болот. Караңгы жана жарык темалар бар. Иштөө чөйрөсүнүн интерфейси контексттик меню жана сол панель менен жабдылган. Долбоор файлдары сол жагында блокто көрсөтүлөт, андагы колдонуучу керектүү объектини таба алат.
Программанын чоң блогунда ачык файлдын коду бар. Өтмөктөр жогорку панелде көрсөтүлөт. Жалпысынан, дизайн абдан логикалуу, ошондуктан редактордун аймагынан жана анын объектилеринин мазмунунан башка куралдар көрсөтүлбөйт.
Түз ободо түзөтүү
Бул функция браузерде долбоордун натыйжасын көрсөтүүнү билдирет. Ошентип HTML, CSS жана JavaScript элементтерин камтыган кодду түзөтө аласыз. Долбоордун бардык иш-аракеттерин браузер терезесинде көрсөтүү үчүн, сиз атайын плагинди орнотушуңуз керек - JetBrains IDE Колдоосу, айрыкча Google Chrome үчүн. Бул учурда, киргизилген бардык өзгөртүүлөр баракты кайра жүктөбөстөн көрсөтүлөт.
Node.js мүчүлүштүктөрү
Node.js тиркемелеринин мүчүлүштүктөрү JavaScript же TypeScript камтылган каталар үчүн жазылган кодду сканерлөөгө мүмкүндүк берет. Долбоордун бардык кодундагы каталарды текшерүүдөн сактап калуу үчүн атайын индикаторлорду - өзгөрмөлөрдү киргизүү керек. Төмөнкү панелде чалууну чагылдырат, анда кодду текшерүү жана анда эмне өзгөртүү керектиги жөнүндө бардык эскертүүлөр камтылган.
Белгиленген катаны ачкан кезде, редактор ал үчүн түшүндүрмөлөрдү көрсөтөт. Башка нерселердин катарында, кодду багыттоо, авто-аяктоо жана рефакторинг колдоого алынат. Node.js үчүн бардык билдирүүлөр программанын иш мейкиндигинин өзүнчө өтмөгүндө көрсөтүлөт.
Китепкананы орнотуу
WebStorm'де сиз кошумча жана негизги китепканаларды туташтыра аласыз. Өнүгүү чөйрөсүндө, долбоорду тандап алгандан кийин, негизги китепканалар демейки боюнча жеткиликтүүлүккө киргизилет, бирок кошумча китептер кол менен туташтырылышы керек.
Жардам бөлүмү
Бул өтмөк IDE, гид жана башка көптөгөн нерселер жөнүндө толук маалыматты камтыйт. Колдонуучулар программа жөнүндө пикир калтырып же редактордун өркүндөтүлүшү жөнүндө билдирүү жөнөтө алышат. Жаңыртууларды текшерүү үчүн, функцияны колдонуңуз "Жаңыртууларды текшерүү ...".
Программаны белгилүү бир суммага сатып алууга же 30 күнгө бекер колдонсо болот. Сыноо режиминин узактыгы жөнүндө маалымат бул жерде. Жардам бөлүмүндө сиз тийиштүү ачкычты колдонуу менен каттоо кодун киргизип же веб-сайтка кирип сатып алсаңыз болот.
Код жазуу
Кодду жазууда же түзөтүүдө, сиз авто-толтуруу функциясын колдоно аласыз. Бул тэгди же параметрди толугу менен каттоонун кереги жок дегенди билдирет, анткени программа тилди жана функцияны биринчи тамгалар менен аныктайт. Редактор көптөгөн өтмөктөрдү колдонууга мүмкүндүк бергендигин эске алганда, аларды каалаганыңыздай иреттөөгө болот.
Ысык баскычтарды колдонуп, сиз керектүү код элементтерин оңой таба аласыз. Коддун ичиндеги сары кеңештер иштеп чыгуучуга көйгөйдү алдын-ала аныктап, аны чечүүгө жардам берет. Эгер ката кетсе, редактор аны кызыл түстө көрсөтүп, колдонуучуга эскертет.
Мындан тышкары, ката жайгашкан жер жылдыруу тилкесинде өз алдынча изделбеши үчүн көрсөтүлөт. Ката жөнүндө ойлонуп жатканда, редактор өзү белгилүү бир иш үчүн орфографиялык варианттардын бирин тандоону сунуш кылат.
Веб-сервердин өз ара аракеттенүүсү
Иштеп чыгуучу HTML баракчасында кодду аткаруунун натыйжасын көрүшү үчүн, программа серверге туташышы керек. Ал IDE ичине киргизилген, тактап айтканда, ал жергиликтүү колдонуучунун компьютеринде сакталат. Өркүндөтүлгөн жөндөөлөрдү колдонуп, долбоор файлдарын жүктөө үчүн FTP, SFTP, FTPS протоколдорун колдонсо болот.
SSH терминалы бар, анда жергиликтүү серверге сурам жөнөтүүчү буйруктарды киргизе аласыз. Ошентип, сиз мындай серверди анын бардык мүмкүнчүлүктөрүн колдонуп, чыныгы сервер катары колдоно аласыз.
JavaScript'те TypeScript компиляциясы
JavaScript программасы менен иштегендиктен, TypeScript кодун браузерлер иштетишпейт. Бул үчүн TypeScript JavaScriptти түзүүнү талап кылат, аны WebStormдо жасаса болот. Компиляция тиешелүү өтмөктө конфигурацияланган, ошондуктан программа бардык файлдарды кеңейтүү менен конверттейт * .цжана жекече объекттер. Эгерде сиз TypeScript кодун камтыган файлга кандайдыр бир өзгөртүүлөрдү киргизсеңиз, ал автоматтык түрдө JavaScriptке киргизилет. Мындай функцияны сиз орнотууларда ушул операцияны аткарууга уруксатты ырастаган болсоңуз болот.
Тилдер жана алкактар
Өнүгүү чөйрөсү ар кандай долбоорлорго катышууга мүмкүнчүлүк берет. Twitter Bootstrap урматында, сиз сайттар үчүн кеңейтүүлөрдү түзө аласыз. HTML5 колдонулуп, ушул тилдин акыркы технологияларын колдонууга болот. Dart өзү жөнүндө сүйлөйт жана JavaScript тилинин ордуна келет, анын жардамы менен веб тиркемелер иштелип чыгууда.
Yeoman консолунун жардамы менен алдыңкы деңгээлде иштеп чыгууга мүмкүнчүлүк аласыз. Бир барактуу барактарды түзүү бир HTML файлын пайдаланган AngularJS алкагын колдонуу менен жасалат. Өнүгүү чөйрөсү сизге веб-ресурстарды жана аларга толуктоолорду түзүүгө багытталган башка долбоорлор боюнча иштөөгө мүмкүнчүлүк берет.
Акыркы пункт
Программалык камсыздоодо ар кандай операцияларды түздөн-түз аткарган терминал бар. Кыналган консолу ОС буйрук сабына кирүүгө мүмкүнчүлүк берет: PowerShell, Bash жана башкалар. Ошентип сиз IDE буйруктарын түздөн-түз аткара аласыз.
Кадыр я
- Көптөгөн колдоого алынган тилдер жана алкактар;
- Коддогу көрсөтмөлөр;
- Реалдуу убакытта кодду редакциялоо
- Элементтердин логикалык түзүлүшү менен жасалгалоо.
Кемчиликтер
- Акы төлөнүүчү өнүм лицензиясы;
- Англис тилиндеги интерфейс.
Жогоруда айтылгандардын бардыгын жалпылаштыруу үчүн, IDE WebStorm тиркемелерди жана веб-сайттарды иштеп чыгууга эң сонун программа экендигин, анын көптөгөн куралдары бар экендигин айта кетүү керек. Программа кесипкөй иштеп чыгуучулардын аудиториясына көбүрөөк багытталган. Ар кандай тилдерди жана алкактарды колдоо программаны мыкты функциялары бар чыныгы веб-студияга айландырат.
WebStorm сынамык версиясын жүктөп алыңыз
Программанын акыркы нускасын расмий сайтынан жүктөп алыңыз
Программаны баалоо:
Окшош программалар жана макалалар:
Opera Browserде JavaScript иштетүү 
Android StudioСоциалдык тармактарда макаланы бөлүшүү:
