WebStorm бол код бичих, засварлах замаар сайт боловсруулах нэгдсэн орчин юм. Програм нь сайтуудад зориулагдсан вэб програмуудыг мэргэжлийн түвшинд гаргахад төгс төгөлдөр юм. 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 кодыг браузерт боловсруулдаггүй. Энэ нь TypeStype-ийг JavaScript-д хөрвүүлэхийг шаарддаг бөгөөд үүнийг WebStorm дээр хийж болно. Хөрвүүлэлтийг холбогдох таб дээр тохируулсан бөгөөд ингэснээр програм нь өргөтгөл бүхий файлуудыг хөрвүүлдэг * .цболон бие даасан объект. Хэрэв та TypeScript код агуулсан файлд өөрчлөлт оруулах юм бол автоматаар JavaScript-д хөрвүүлэгдэх болно. Хэрэв та тохиргоонд энэ ажиллагааг гүйцэтгэх зөвшөөрлийг баталгаажуулсан бол ийм функц ашиглах боломжтой.
Хэл ба хүрээ
Хөгжлийн орчин нь олон төрлийн төслүүдэд оролцох боломжийг олгодог. Twitter Bootstrap-ийн ачаар та сайтуудад өргөтгөл үүсгэх боломжтой. HTML5-ийг ашигласнаар энэ хэлний хамгийн сүүлийн үеийн технологийг ашиглах боломжтой болно. Dart нь өөрөө ярьдаг бөгөөд JavaScript хэлний орлуулалт бөгөөд түүний тусламжтайгаар вэб програмууд боловсруулагдаж байна.
Yeoman консолын ачаар та урд талын хөгжлийг хэрэгжүүлэх боломжтой болно. Нэг хуудас үүсгэх нь нэг HTML файлыг ашигладаг AngularJS хүрээ ашиглан хийгддэг. Хөгжлийн орчин нь танд вэб нөөц, тэдгээрт нэмэлт өөрчлөлт оруулах загвар зохион бүтээх чиглэлээр мэргэшсэн бусад төслүүд дээр ажиллах боломжийг олгодог.
Терминал
Програм нь янз бүрийн үйлдлүүдийг шууд хийх терминал дагалддаг. Баригдсан консол нь OS командын мөрөнд хандах боломжийг олгодог: PowerShell, Bash болон бусад. Тиймээс та IDE-ээс шууд тушаалуудыг гүйцэтгэх боломжтой.
Давуу талууд
- Олон тооны дэмжигдсэн хэл, хүрээ;
- Код дээрх гарын авлага;
- Бодит цагийн кодыг засах
- Элементүүдийн логик бүтэцтэй дизайн.
Сул талууд
- Төлбөртэй бүтээгдэхүүний лиценз;
- Англи хэлний интерфейс.
Дээр дурдсан бүхнийг нэгтгэн дүгнэхэд IDE WebStorm нь олон програмтай програм, вэбсайтыг хөгжүүлэх маш сайн програм хангамж гэдгийг хэлэх шаардлагатай байна. Програм нь мэргэжлийн хөгжүүлэгчдийн үзэгчдэд илүү төвлөрдөг. Олон төрлийн хэл, хүрээний дэмжлэг нь програмыг гайхалтай шинж чанар бүхий жинхэнэ вэб студид хувиргадаг.
WebStorm-ийн туршилтын хувилбарыг татаж авах
Програмын хамгийн сүүлийн хувилбарыг албан ёсны сайтаас татаж аваарай
Хөтөлбөрийг үнэлэх:
Төстэй програмууд болон нийтлэлүүд:
Opera Browser дээр JavaScript-г идэвхжүүлсэн байна 
Android студиНийтлэлийг нийгмийн сүлжээнд хуваалцах:
