Вэбстрорм нь Интернет хөгжүүлэх орчин (IDE) юм. Програм хангамж нь вэбсайтуудад зориулж вэбсайтуудын мэргэжлийн бүтээхэд төгс төгөлдөр юм. Javascript, HTML, CSS, TypeScript, Dart гэх зэрэг програмчлалын хэлүүдийг дэмждэг. Хөтөлбөр нь мэргэжлийн хөгжүүлэгчдэд маш тохиромжтой байдаг олон тооны бүтцийн дэмжлэг байдаг гэдгийг хэлэх ёстой. Програм нь стандарт Windows тушаалын мөрөнд хийгдсэн бүх үйлдлүүд хийгддэг терминалтай байдаг.
Ажлын талбар
Редакторын дизайн нь тааламжтай хэв маягаар хийгдсэн бөгөөд тэдгээрийн өнгө өөрчлөгдөж болно. Харанхуй, гэрлийн сэдэвтэй. Ажлын талбайн интерфейс нь контекст цэс болон зүүн самбартай. Зүүн талд байгаа блок дээр төслийн файлууд нь хэрэглэгчийн объектыг олох боломжтой болно.
Хөтөлбөрийн томоохон хэсэг нь нээлттэй файлын код юм. Таб-ууд нь дээд талбарт харагдана. Ер нь, дизайн нь маш логик байдаг бөгөөд иймээс редактор бүсийн өөр өөр хэрэгсэл, түүний обьектуудын агуулгыг харуулахгүй.
Шууд засварлах
Энэ онцлог нь браузерт төслийн үр дүнг харуулахыг хэлнэ. Ингэснээр та HTML, CSS болон JavaScript элементүүдийг агуулсан кодыг засаж болно. Хөтөч цонхны бүх төслийн үйлдлийг харуулахын тулд, та тусгай залгаасыг суулгах хэрэгтэй. JetBrains IDE Support, ялангуяа Google Chrome-д зориулж. Энэ тохиолдолд хийсэн бүх өөрчлөлтүүд хуудсыг дахин ачаалалгүйгээр харуулах болно.
Debug Node.js
Node.js програмуудыг дибаг хийх нь JavaScript эсвэл TypeScript дээр суулгагдсан алдаануудын хувьд бичгэн кодыг скан хийх боломжийг танд олгодог. Програм нь төслийн кодын алдаануудыг шалгадаггүй тул тусгай үзүүлэлтүүдийг хувьсагчид оруулах хэрэгтэй. Доод талын самбар нь дуудлагын стекийг харуулдаг бөгөөд энэ нь кодыг баталгаажуулахтай холбоотой бүхий л мэдэгдлийг агуулдаг бөгөөд түүнд юуг өөрчлөх шаардлагатай байдаг.
Тодорхой алдааны дагуу хулганы заагчийг хулганыг харвал редактор тайлбар хийх болно. Бусад зүйлсийн дотор кодын хөтөч, автомат гүйцээлт болон refactoring дэмжигдсэн байдаг. Node.js-ийн бүх мессеж нь програмын талбарын тусдаа таб дээр харагдана.
Номын санг байгуулах
Нэмэлт болон үндсэн сангууд нь WebStorm-тай холбогдож болно. Хөгжлийн орчинд төсөл сонгоод дараа нь үндсэн сангууд анхдагчаар орсон байх боловч нэмэлт төхөөрөмжүүд гараар холбогдсон байх ёстой.
Туслах хэсэг
Энэ таб нь IDE, гарын авлага, дэлгэрэнгүй мэдээллийг агуулдаг. Хэрэглэгчид хөтөлбөрийн талаархи сэтгэгдэл үлдээх эсвэл засварлагчийг сайжруулах талаар зурвас илгээх боломжтой. Шинэчлэлтүүдийг шалгахын тулд функцийг ашиглана уу "Шинэчлэлтүүдийг шалгана уу ...".
Програм хангамжийг тодорхой хэмжээгээр худалдан авч эсвэл 30 хоногийн турш үнэ төлбөргүй ашиглаж болно. Шүүгчийн горимын үргэлжлэх хугацааны талаархи мэдээлэл бас энд байна. Тусламжийн хэсэгт бүртгэлийн кодыг оруулаад тохирох түлхүүрийг ашиглан сайт руу очиж болно.
Код бичих
Код бичих буюу засахдаа автоматаар бүрэн гүйцэд функцийг ашиглаж болно. Энэ нь програмын хэл, функцийг эхний үсгээр тодорхойлж өгөх тул та tag эсвэл параметрийг бүрэн бичих шаардлагагүй гэсэн үг юм. Засварлагч нь янз бүрийн табуудыг ашиглах боломжийг олгодог тул тэдгээрийг хүссэнээр нь тохируулах боломжтой юм.
Суллах товчийг ашиглан та шаардлагатай кодын элементийг амархан олох боломжтой. Код доторх шар хэрэгслүүд нь хөгжүүлэгчид асуудлыг урьдчилан тодорхойлох, засварлахад тусална. Алдаа үүссэн тохиолдолд засварлагч нь үүнийг улаанаар харуулж, хэрэглэгчийг анхааруулах болно.
Үүнээс гадна алдааны байршил нь өөрөө хайхгүйн тулд гүйлгэх мөрөнд харагдана. Алдаа гарсны дараа редактор өөрөө өгөгдсөн тохиолдолд үсгийн маягуудын аль нэгийг сонгохыг санал болгож байна.
Вэб серверийн харилцан үйлчлэл
Програмын HTML хуудас дээрх кодыг гүйцэтгэхийн тулд хөгжүүлэгчийн хувьд сервертэй холбогдох шаардлагатай болно. Энэ нь IDE-д бүтээгдсэн, тухайлбал, орон нутгийнх бөгөөд энэ нь хэрэглэгчийн PC дээр хадгалагддаг. Нэмэлт тохиргоог ашиглахдаа төслийн файлыг татан авах FTP, SFTP, FTPS протоколыг ашиглах боломжтой.
Орон нутгийн сервер рүү хүсэлт илгээх командуудыг оруулж болох SSH терминал байна. Тиймээс та ийм серверийг бүх боломжуудыг ашиглан бодит ашиглаж болно.
TypeScript хэлбэрээр эмхэтгэх
TypeScript дээр бичигдсэн кодыг хөтөчөөр боловсруулдаггүй учир нь тэд JavaScript-тэй ажилладаг. Энэ нь WebStorm дээр хийж болох төрөлScript хэлбэртэйгээр хөрвүүлэхийг шаарддаг. Програм нь өргөтгөлтэй бүх файлууд шиг хөрвүүлэлтийг гүйцэтгэхийн тулд тохирох таб дээр тохируулагдсан байдаг * .tsболон бие даасан обьектууд. Хэрэв та кодыг агуулсан TypeScript файлд ямар нэгэн өөрчлөлт хийвэл энэ нь автоматаар хөрвүүлэгдэх болно. Хэрэв та энэ үйлдлийг гүйцэтгэх зөвшөөрлийн тохиргоонд баталгаажуулсан бол энэ функцийг ашиглах боломжтой.
Хэл ба хүрээ
Хөгжлийн орчин нь танд янз бүрийн төслүүдэд оролцох боломжийг олгодог. Twitter Bootstrap-ийн ачаар та сайтын өргөтгөлүүдийг үүсгэж болно. HTML5-ийг ашиглахын тулд энэ хэлний хамгийн сүүлийн үеийн технологийг ашиглах боломжтой болсон. Dart нь өөртөө зориулж, вэб сайтын аль програм хөгжүүлэлтийн тусламжтайгаар JavaScript хэлийг орлож байдаг.
Та Yeoman консолийн хэрэгсэлд урам зориг өгч чадна. Нэг хуудас бий болгох нь AngularJS тогтолцоог ашиглан нэг HTML файл ашигладаг. Хөгжлийн орчин нь танд вэб эх үүсвэрийн дизайн, бүтцийг бүтээхэд мэргэшсэн бусад төслүүдэд ажиллах боломжийг олгодог.
Терминал
Програм хангамж нь янз бүрийн үйл ажиллагааг шууд гүйцэтгэх терминалын хамт ирдэг. Суулгах консол OS: PowerShell, Bash болон бусад командын мөрөнд хандах боломжтой. Тиймээс та IDE-аас шууд команд гүйцэтгэж болно.
Бодит байдал
- Олон дэмжигдсэн хэл, хамрах хүрээ;
- Кодод буй хэрэгсэл;
- Кодыг бодит цагийн горимд оруулах;
- Элементүүдийн логик бүтэцтэй зураг төслийг боловсруулах.
Сул талууд
- Бүтээгдэхүүний төлбөртэй лиценз;
- Англи хэлний интерфэйс.
Дээр дурдсан бүхнийг нэгтгэхийн тулд WebStorm IDE нь програм, вэбсайтуудыг хөгжүүлэх маш сайн программ юм. Програм хангамж нь мэргэжлийн хөгжүүлэгчдийн үзэгчдэд илүү төвлөрдөг. Олон янзын хэл, хамрах хүрээг дэмжих нь хөтөлбөрийг агуу функцтэй бодит вэб студи болгон хувиргадаг.
WebStorm-ийн туршилтын хувилбарыг татаж авах
Хөтөлбөрийн хамгийн сүүлийн хувилбарыг албан ёсны сайтаас татаж аваарай
Вэбсайтыг бий болгох хөтөлбөрүүд 
Aptana студи 
Opera хөтөч дээр JavaScript-г идэвхжүүл 
Android стильНийгмийн сүлжээн дэх нийтлэлийг:
