ရေးသားခြင်းနှင့်တည်းဖြတ်ခြင်းကုဒ်အားဖြင့် WebStorm သည်ပေါင်းစည်းထားသော site development environment (IDE) တစ်ခုဖြစ်သည်။ ဆိုဒ်များအတွက်ဝက်ဘ်အပလီကေးရှင်းများကိုပရော်ဖက်ရှင်နယ်ဖန်တီးရန်ဆော့ (ဖ်) ဝဲသည်အကောင်းဆုံးဖြစ်သည်။ JavaScript၊ HTML, CSS, TypeScript, Dart စသည့်ပရိုဂရမ်မာများကိုအထောက်အပံ့ပေးသည်။ ပရိုဂရမ်သည်ပရော်ဖက်ရှင်နယ်တီထွင်သူများအတွက်အလွန်အဆင်ပြေသောမူဘောင်များစွာကိုအထောက်အပံ့ပေးသည်ဟုဆိုရမည်။ ဒီ program မှာ terminal တစ်ခုရှိတယ်။ Windows ရဲ့ standard command line မှာလုပ်ထားတဲ့လုပ်ဆောင်မှုအားလုံးကိုလုပ်တယ်။
အလုပ်.ရိယာ
အယ်ဒီတာရှိဒီဇိုင်းကိုသာယာသောစတိုင်ဖြင့်ပြုလုပ်ထားပြီးအရောင်အဆင်းကိုပြောင်းလဲနိုင်သည်။ အမှောင်နှင့်အလင်းခေါင်းစဉ်များရှိပါတယ်။ Workspace ၏ interface သည် context menu နှင့်ဘယ် panel ကိုတပ်ဆင်ထားသည်။ စီမံကိန်းဖိုင်များကိုဘယ်ဘက်ရှိပိတ်ပင်တားဆီးမှုတွင်ပြသပြီးအသုံးပြုသူသည်သူလိုအပ်သောအရာများကိုရှာနိုင်သည်။
ပရိုဂရမ်၏ကြီးမားသောပိတ်ပင်တားဆီးမှုတွင်ပွင့်လင်းဖိုင်၏ကုဒ်ဖြစ်သည်။ Tabs များသည်အပေါ်ဆုံး panel တွင်ပြသထားပါသည်။ ယေဘုယျအားဖြင့်၊ ဒီဇိုင်းသည်အလွန်ယုတ္တိရှိပြီးထို့ကြောင့်အယ်ဒီတာ၏areaရိယာနှင့်၎င်း၏အရာဝတ္ထုများ၏ပါဝင်သည့်အရာများ မှလွဲ၍ မည်သည့်ကိရိယာမျှမပြပါ။
တိုက်ရိုက်ပြင်ဆင်တည်းဖြတ်မှု
ဤအင်္ဂါရပ်သည် browser ရလဒ်အတွက်စီမံကိန်းရလဒ်ကိုပြသသည်။ ဤနည်းအားဖြင့်သင် HTML, CSS နှင့် JavaScript element များပါ ၀ င်သော code များကိုတည်းဖြတ်နိုင်သည်။ ပရောဂျက်လုပ်ဆောင်ချက်အားလုံးကို browser window တွင်ပြသရန်အတွက်အထူးသဖြင့် Google Chrome အတွက် JetBrains IDE Support ကိုအထူး plugin တစ်ခုတပ်ဆင်ရမည်။ ဤကိစ္စတွင်ပြင်ဆင်မှုအားလုံးသည်စာမျက်နှာကိုပြန်လည်မတင်ပဲပြသလိမ့်မည်။
Node.js Debugging
Debugging Node.js applications များသည်သင်၏ JavaScript သို့မဟုတ် TypeScript များတွင်ပါ ၀ င်သောအမှားများအတွက်ရေးသားထားသောကုဒ်ကိုစစ်ဆေးရန်ခွင့်ပြုသည်။ ပရိုဂရမ်သည်စီမံကိန်းကုဒ်တစ်ခုလုံးအတွင်းရှိအမှားအယွင်းများကိုစစ်ဆေးခြင်းမှတားဆီးရန်အထူးဂဏန်းများဖြစ်သော variable များထည့်သွင်းရန်လိုအပ်သည်။ အောက်ခြေ panel တွင်ခေါ်ဆိုမှု stack ကိုပြသပြီး၎င်းတွင်ကုဒ်စစ်ဆေးခြင်းနှင့်ပတ်သက်သည့်အသိပေးချက်များအားလုံးပါ ၀ င်သည်။
သတ်မှတ်ထားသောအမှားတစ်ခုပေါ်တွင်သင်ပျံဝဲသောအခါအယ်ဒီတာသည်ရှင်းလင်းချက်ကိုပြလိမ့်မည်။ အခြားအရာများအပြင် code navigation, auto-complete နှင့် refactoring တို့ကိုထောက်ပံ့သည်။ Node.js အတွက်မက်ဆေ့ခ်ျအားလုံးကိုပရိုဂရမ်လုပ်ငန်းခွင်နေရာ၏သီးခြား tab တစ်ခုတွင်ပြသထားသည်။
စာကြည့်တိုက်တည်ဆောက်ပုံ
WebStorm တွင်နောက်ထပ်နှင့်အခြေခံစာကြည့်တိုက်များကိုသင်ချိတ်ဆက်နိုင်သည်။ ဖွံ့ဖြိုးတိုးတက်မှုပတ်ဝန်းကျင်တွင်စီမံကိန်းတစ်ခုကိုရွေးချယ်ပြီးပါကအဓိကစာကြည့်တိုက်များကိုပုံမှန်အားဖြင့်ရရှိနိုင်မှုတွင်ထည့်သွင်းသွားမည်ဖြစ်သော်လည်းထပ်ဆောင်းစာများကိုကိုယ်တိုင်လက်ဖြင့်ချိတ်ဆက်ရမည်။
အကူအညီအပိုင်း
ဒီ tab မှာ IDE အကြောင်းအသေးစိတ်အချက်အလက်၊ လမ်းညွှန်နှင့်အခြားများစွာပါရှိသည်။ အသုံးပြုသူများသည်ပရိုဂရမ်နှင့်ပတ်သက်သောတုံ့ပြန်ချက်များကိုချန်လှပ်နိုင်သည်သို့မဟုတ်အယ်ဒီတာ၏တိုးတက်မှုနှင့်ပတ်သက်သည့်သတင်းစကားကိုပေးပို့နိုင်သည် နောက်ဆုံးသတင်းများကိုစစ်ဆေးရန် function ကိုအသုံးပြုပါ "နောက်ဆုံးသတင်းများကိုစစ်ဆေးရန် ... ".
ဆော့ (ဖ်) ဝဲကိုသတ်မှတ်ထားသောငွေပမာဏနှင့်ဝယ်ယူနိုင်ပြီးရက် ၃၀ အခမဲ့အသုံးပြုနိုင်သည်။ ရုံးတင်စစ်ဆေး mode ကို၏ကြာချိန်နှင့်ပတ်သက်။ သတင်းအချက်အလက်လည်းဤနေရာတွင်ဖြစ်ပါတယ်။ အကူအညီကဏ္တွင်၊ သင်မှတ်ပုံတင်နံပါတ်ကိုရိုက်ထည့်နိုင်သည်သို့မဟုတ်သက်ဆိုင်ရာသော့ကို အသုံးပြု၍ ၀ ယ်ယူရန် ၀ က်ဘ်ဆိုက်သို့သွားနိုင်သည်။
ကုဒ်ရေးသားခြင်း
ကုဒ်ရေးတဲ့အခါ၊ တည်းဖြတ်တဲ့အခါ၊ auto-complete function ကိုသုံးနိုင်ပါတယ်။ ဆိုလိုသည်မှာ tag သို့မဟုတ် parameter ကိုအပြည့်အ ၀ မှတ်ပုံတင်ရန်မလိုအပ်ပါ။ ပရိုဂရမ်ကိုယ်တိုင်သည်ပထမဆုံးစာလုံးများအားဖြင့်ဘာသာစကားနှင့်လုပ်ဆောင်မှုကိုဆုံးဖြတ်ပေးသောကြောင့်ဖြစ်သည်။ အယ်ဒီတာသည်သင် tabs များများစွာကိုအသုံးပြုရန်ခွင့်ပြုထားခြင်းကြောင့်၎င်းကိုသင်ကြိုက်သလိုစီစဉ်နိုင်သည်။
Hot keys ကိုအသုံးပြုခြင်းဖြင့်လိုအပ်သော code element များကိုသင်အလွယ်တကူရှာနိုင်သည်။ Code အတွင်းရှိအဝါရောင်အကြံပေးချက်များသည်ပြသနာကိုကြိုတင်သိရှိနိုင်ရန်နှင့်ပြfixနာကိုဖြေရှင်းရန် developer ကိုကူညီနိုင်သည်။ အမှားပြုမိပါကအယ်ဒီတာသည်၎င်းကိုအနီရောင်ဖြင့်ပြပြီးအသုံးပြုသူအားသတိပေးပါလိမ့်မည်။
ထို့အပြင်အမှား၏တည်နေရာကိုသင့်ကိုယ်ပိုင်ရှာဖွေခြင်းမပြုရန် scroll bar တွင်ပြလိမ့်မည်။ အမှားတစ်ခုကိုကျော်လွှားသည့်အခါအယ်ဒီတာကိုယ်တိုင်သည်ကိစ္စတစ်ခုအတွက်စာလုံးပေါင်းရွေးချယ်မှုတစ်ခုကိုရွေးချယ်ရန်အကြံပြုလိမ့်မည်။
Web server အပြန်အလှန်ဆက်သွယ်မှု
Developer အနေဖြင့် HTML စာမျက်နှာပေါ်ရှိကုဒ်နံပါတ်များအကောင်အထည်ဖော်မှု၏ရလဒ်ကိုကြည့်ရှုနိုင်ရန်အတွက်ပရိုဂရမ်သည်ဆာဗာနှင့်ချိတ်ဆက်ရန်လိုအပ်သည်။ ၎င်းသည် IDE တွင်ထည့်သွင်းခြင်းဖြစ်သည်။ အမည်မှာ၎င်းသည်ဒေသခံဖြစ်ပြီးအသုံးပြုသူ၏ PC တွင်သိမ်းဆည်းထားသည်။ အဆင့်မြင့်ဆက်တင်များကို သုံး၍ စီမံကိန်းဖိုင်များကိုဒေါင်းလုပ်လုပ်ရန် FTP, SFTP, FTPS protocol များကိုသုံးနိုင်သည်။
SSH terminal တစ်ခုရှိပြီးသင် local server သို့တောင်းဆိုမှုကိုပို့သော command များကိုသင်ရိုက်ထည့်နိုင်သည်။ ထို့ကြောင့်၊ ၎င်းဆာဗာကို ၄ င်း၏လုပ်ဆောင်နိုင်စွမ်းအားလုံးကို သုံး၍ တကယ့်ဆာဗာတစ်ခုအဖြစ်အသုံးပြုနိုင်သည်။
TypeScript ကို JavaScript တွင်ရေးသားခြင်း
TypeScript code ကို browser (ဘရောက်ဆာ) ကမလုပ်ပါဘူး။ ၎င်းသည် WebStorm တွင်လုပ်နိုင်သော TypeScript ကို JavaScript ထဲသို့ထည့်ရန်လိုအပ်သည်။ Compilation ကိုသက်ဆိုင်ရာ tab ပေါ်တွင် configure လုပ်ပြီး program သည် extension နှင့်အတူဖိုင်အားလုံးကို convert လုပ်သည် * .tsနှင့်တစ် ဦး ချင်းစီအရာဝတ္ထု။ TypeScript ကုဒ်ပါသောဖိုင်တစ်ခုကိုသင်ပြောင်းလဲပါက၎င်းသည်အလိုအလျောက် JavaScript သို့ကူးပြောင်းသွားလိမ့်မည်။ အကယ်၍ သင်သည် settings တွင်ဤစစ်ဆင်ရေးလုပ်ဆောင်ရန်ခွင့်ပြုချက်ကိုအတည်ပြုပါကထိုသို့သောလုပ်ဆောင်မှုကိုရရှိနိုင်သည်။
ဘာသာစကားများနှင့်မူဘောင်များ
ဖွံ့ဖြိုးတိုးတက်မှုပတ်ဝန်းကျင်သည်သင့်အားစီမံကိန်းအမျိုးမျိုးတွင်ပါ ၀ င်ရန်ခွင့်ပြုသည်။ Twitter Bootstrap အားဖြင့်၊ ကွန်ရက်စာမျက်နှာများအတွက် extension များကိုသင်ဖန်တီးနိုင်သည်။ HTML5 ကို အသုံးပြု၍ ဤဘာသာစကား၏နောက်ဆုံးပေါ်နည်းပညာများကိုအသုံးပြုရန်ရရှိနိုင်သည်။ Dart သည်သူ့ဟာသူပြောဆိုခြင်း၊ JavaScript ဘာသာစကားအတွက်အစားထိုးခြင်းဖြစ်ပြီး web application များကို၎င်း၏အကူအညီဖြင့်တီထွင်နေကြသည်။
console utility Yeoman ကြောင့်သင့်အနေဖြင့် front-end ဖွံ့ဖြိုးမှုကိုလုပ်ဆောင်နိုင်မည်ဖြစ်သည်။ စာမျက်နှာတစ်ခုတည်းဖန်တီးခြင်းသည် HTML ဖိုင်တစ်ခုတည်းအသုံးပြုသော AngularJS framework ကိုအသုံးပြုသည်။ ဖွံ့ဖြိုးတိုးတက်မှုဆိုင်ရာဝန်းကျင်သည်သင့်အား web အရင်းအမြစ်များဒီဇိုင်းအတွက်ဖွဲ့စည်းပုံကိုဖန်တီးရန်အထူးပြုသောအခြားစီမံကိန်းများနှင့်၎င်းတို့အတွက်ဖြည့်စွက်မှုများပြုလုပ်ရန်ခွင့်ပြုသည်။
Terminal ကို
ဆော့ဗ်ဝဲတွင်သင်အမျိုးမျိုးသောလုပ်ဆောင်မှုများကိုတိုက်ရိုက်လုပ်ဆောင်နိုင်မည့် terminal တစ်ခုပါရှိသည်။ ပါ ၀ င်သည့် console သည် OS command line ဖြစ်သော PowerShell, Bash နှင့်အခြားသူများကိုဝင်ရောက်ခွင့်ပေးသည်။ ဒါကြောင့်သင် IDE ကနေ command များကိုတိုက်ရိုက် execute နိုင်ပါတယ်။
အားသာချက်များ
- များစွာသောထောက်ပံ့ထားသောဘာသာစကားများနှင့်မူဘောင်များ၊
- ကုဒ်အတွက် Tooltips;
- အချိန်နှင့်တပြေးညီကုဒ်ကိုတည်းဖြတ်ခြင်း
- ဒြပ်စင်များ၏ယုတ္တိဖွဲ့စည်းပုံနှင့်အတူဒီဇိုင်း။
အားနည်းချက်များ
- ထုတ်ကုန်လိုင်စင်၊
- English language interface
အထက်ဖော်ပြပါအရာအားလုံးကိုအကျဉ်းချုပ်ဖော်ပြရန် IDE WebStorm သည်ကိရိယာများစွာရှိသော application များနှင့်ဝက်ဘ်ဆိုက်များအတွက်အလွန်ကောင်းမွန်သောဆော့ဖ်ဝဲဖြစ်သည်ဟုပြောရန်လိုအပ်သည်။ software သည်ပရော်ဖက်ရှင်နယ် developer များ၏ပရိသတ်အပေါ် ပို၍ အာရုံစိုက်သည်။ ဘာသာစကားနှင့်မူဘောင်အမျိုးမျိုးအတွက်အထောက်အပံ့သည်အစီအစဉ်ကိုကောင်းမွန်သောအင်္ဂါရပ်များဖြင့်အမှန်တကယ်ကွန်ယက်စတူဒီယိုအဖြစ်ပြောင်းသည်။
WebStorm ၏စမ်းသပ်မူကိုကူးယူပါ
တရားဝင် site မှပရိုဂရမ်၏နောက်ဆုံး version ကို download လုပ်ပါ
အစီအစဉ်ကိုအဆင့်သတ်မှတ်ပါ -
အလားတူအစီအစဉ်များနှင့်ဆောင်းပါးများ:
Opera Browser တွင် JavaScript ကိုဖွင့်ခြင်း 
Android စတူဒီယိုလူမှုကွန်ယက်များမှဆောင်းပါးများကိုမျှဝေပါ
