WebStorm - အရေးအသားနှင့်တည်းဖြတ် code က IDE က်ဘ်ဆိုက်များ (IDE) ။ Software ကို websites များအတွက်ပရော်ဖက်ရှင်နယ်ကို web applications တွေကိုဖန်တီးစုံလင်သည်။ ထိုသို့သော JavaScript ကို, HTML, CSS ကို, TypeScript, Dart နှင့်အခြားသူများအဖြစ်ပရိုဂရမ်ဘာသာစကားတွေထောက်ခံပါတယ်။ ဒါဟာအစီအစဉ်ကိုပရော်ဖက်ရှင်နယ် developer များအဘို့ကလွယ်ကူအောင်, များစွာသောမူဘောင်များအတွက်ထောက်ခံမှုရှိကြောင်းပြောပါရန်လိုအပ်ပေသည်။ အဆိုပါအစီအစဉ်ကို Window များပေါ်တွင်တစ်ဦးစံ command line ကိုဖြစ်ပေါ်သမျှသောလှုပ်ရှားမှုများကို run ထားတဲ့မှတဆင့်တစ်ဦး terminal ကိုဖြစ်ပါတယ်။
Workspace ကို
ဒါကြောင့်ပြောင်းလဲသွားနိုင်သည့်သာယာသောစတိုင်, အရောင်အစအဆုံးအကုန်ဖန်ဆင်းသည်အယ်ဒီတာပြုလုပ်ခြင်း။ မှောင်မိုက်နှင့်အလင်း themes များရှိပါသည်။ အဆိုပါ interface ကိုအလုပ်ဧရိယာ Context Menu ကများနှင့်လက်ဝဲ panel ကိုတပ်ဆင်ထားသည်။ အဆိုပါစီမံကိန်းကိုဖိုင်တွေအသုံးပြုသူကလိုချင်သောအရာဝတ္တုကိုရှာဖွေနိုင်သည့်အတွက်လက်ဝဲပိတ်ပင်တားဆီးမှုပေါ်တွင်ပြသလျက်ရှိသည်။
ထို program ၏ကြီးမားသောပိတ်ပင်တားဆီးမှုခုနှစ်တွင်ဖွင့်ဖိုင်ကုဒ်ဖြစ်ပါတယ်။ tabs ထိပ် pane ထဲကကိုပြသထားပါသည်။ ယေဘုယျခုနှစ်, ရေးဆွဲရေးအလွန်ယုတ္တိဖြစ်ပြီး, အယ်ဒီတာနှင့်၎င်း၏အရာဝတ္ထုရဲ့ contents မှလွဲ. ထို့ကြောင့်အဘယ်သူမျှမ tools တွေကိုပြသသည်မဟုတ်ဒီဇိုင်းပြုလုပ်ထားသည်။
Edit ကိုအသကျရှငျ
ဒီ feature ကို browser အတွက်စီမံကိန်းရလဒ်များကို display ကိုပါဝငျသညျ။ ထို့ကြောင့်သင်သည်လည်း HTML ကို, CSS နဲ့ JavaScript ကို၏အစိတ်အပိုင်းများပါဝင်နေသောကုဒ်, တည်းဖြတ်နိုင်သည်။ JetBrains IDE ပံ့ပိုးမှု, အထူးသဖြင့် Google က Chrome အတွက် - ကို browser အတွက်စီမံကိန်းလုပ်ငန်းများအားလုံးပြသရန်, သင်ကအထူး plug ကို install လုပ်ရပေမည်။ ဤကိစ္စတွင်ခုနှစ်, ဖန်ဆင်းသမျှသောအပြောင်းအလဲများစာမျက်နှာပြန်တင်စရာမလိုဘဲပြသပါလိမ့်မည်။
Debugging Node.js
Node.js လျှောက်လွှာ Debugging ကိုသင် JavaScript ကိုသို့မဟုတ် typescript အတွက် embedded အမှားအယွင်းများဘို့ကျမ်းစာ၌ရေးထား code ကို scan လုပ်ဖို့ခွင့်ပြုပါတယ်။ variable တွေကို - အစီအစဉ်ကိုစီမံကိန်းတစ်လျှောက်လုံး code ကိုအတွက်အမှားအယွင်းများစစ်ဆေးသည်မသင့်သောကြောင့်တိကျသောညွှန်းကိန်းထည့်သွင်းရန်လိုအပ်ပေသည်။ အောက်ခြေ panel က code ကိုပြန်လည်သုံးသပ်အကြောင်းကိုအပေါငျးတို့သသတိပေးချက်များပါရှိသည်သောခေါ်ဆိုခ stack, ပြသထားတယ်, သင်ပြောင်းလဲဖို့လိုအပ်သောအရာကို။
သငျသညျပျံဝဲသည့်အခါတစ်ဦးအထူးသဖြင့်အမှားထောက်လှမ်းအယ်ဒီတာကျော်မောက် cursor ကတစ်ဦးရှင်းပြချက်ဖော်ပြပေးမှာဖြစ်ပါတယ်။ အခြားအမှုအရာတို့ကိုများထဲတွင်ကုဒ်အညွှန်း, အော်တိုပြီးဆုံး function ကိုနှင့် refactoring ထောက်ခံခဲ့ကြသည်။ Node.js များအတွက် all posts program ကို tab ကို၏သီးခြားအလုပ်လုပ်ဧရိယာ၌ပြသလျက်ရှိသည်။
configuring စာကြည့်တိုက်
WebStorm အတွက်အပိုဆောင်းနှင့်အခြေခံစာကြည့်တိုက်များနှင့်ချိတ်ဆက်နိုင်ပါတယ်။ ဖွံ့ဖြိုးတိုးတက်မှုအတွက် default အနေနဲ့စီမံကိန်းကိုရွေးချယ်ခြင်းပြီးနောက်ပတ်ဝန်းကျင်အခြေခံစာကြည့်တိုက်၏ရရှိမှုတွင်ထည့်သွင်းခြင်း, ကိုယ်တိုင်ချိတ်ဆက်ဖို့ယခုနောက်ထပ်လိုအပ်ပါလိမ့်မည်။
အကူအညီခေါင်းစဉ်
ဒီ tab က IDE, စီမံခန့်ခွဲမှုနှင့်အခြားသောအမှုအရာအပေါ်အသေးစိတ်သတင်းအချက်အလက်များပါဝင်သည်။ အသုံးပြုသူများအစီအစဉ်ကိုအကြောင်းသုံးသပ်ချက်ကိုစွန့်ခွာသို့မဟုတ်အယ်ဒီတာတိုးတက်အောင်အကြောင်း Message ပေးပို့နိုင်ပါတယ်။ updates များကို function ကိုစစ်ဆေးသည်ရန်အသုံးပြုဖြစ်ပါသည် «မွမ်းမံမှုများအဘို့အ Check ... ».
Software ကိုတိကျတဲ့ငွေပမာဏများအတွက်ဝယ်ယူခြင်းသို့မဟုတ်ရက်ပေါင်း 30 အဘို့အတာဝန်ခံအခမဲ့နိုင်ပါသည်။ အစမ်း mode ကို၏ကြာချိန်နှင့်ပတ်သက်ပြီးပြန်ကြားရေးလည်းဤနေရာတွင်တည်ရှိသည်။ အဆိုပါမှတ်ပုံတင်ကုဒ်သင်တစ်ဦးအကူအညီကဏ္ဍကိုထည့်သွင်းခြင်းသို့မဟုတ်သင့်လျော်သော key ကိုသုံးပြီးဝယ်ယူရန်ဝက်ဘ်ဆိုက်မှသွားနိုင်ပါတယ်။
code ကိုရေးသားခြင်း
code ကိုရေးသားခြင်းသို့မဟုတ်တည်းဖြတ်တဲ့အခါမှာ, သင်အော်တိုပြီးဆုံးအင်္ဂါရပ်ကိုသုံးနိုင်သည်။ ဒါဟာပရိုဂရမ်ကိုပထမဦးဆုံးစာလုံးများ၏ဘာသာစကားနှင့် function ကိုဆုံးဖြတ်ရန်ပါလိမ့်မယ်ဘာဖြစ်လို့လဲဆိုတော့အပြည့်အဝ, သင်မလိုအပ်ပါဘူးဟာ tag ကိုသို့မဟုတ် parameter သည်သတ်မှတ်ဆိုလိုသည်။ အယ်ဒီတာသင်မျိုးစုံ tabs များသုံးစွဲဖို့ခွင့်ပြုဆိုတဲ့အချက်ကိုပေးထားသောကြောင့်သင်လုပ်ချင်တဲ့အဖြစ်သူတို့ကိုစီစဉ်ဖို့ဖြစ်နိုင်ပါတယ်။
ပူပြင်းတဲ့သော့ကိုသုံးပြီး, သင်အလွယ်တကူလိုအပ်သောကုဒ် element တွေကိုရှာတွေ့နိုင်ပါသည်။ code ကိုအထဲမှာအဝါရောင် Tooltip ပြဿနာဖော်ထုတ်ရန်နှင့်က fix မှကြိုတင်မဲအတွက် developer များကူညီပေးနိုင်ပါသည်။ အမှားတစ်ခုကိုဖန်ဆင်းခဲ့သည်ဆိုပါက, အယ်ဒီတာအနီရောင်ထဲမှာပြသမည်ဖြစ်ပြီးအသုံးပြုသူကြောင်းသတိပေးပါလိမ့်မယ်။
ထို့အပြင်စာစောင်ကို bar ကိုကိုယ်အဘို့ကိုကြည့်ဖို့မဟုတ်, အမှား၏တည်နေရာဖော်ပြပေးမှာဖြစ်ပါတယ်။ သင်အမှားအယ်ဒီတာကျော်ပျံဝဲသည့်အခါမိမိကိုမိမိတစ်ဦးအထူးသဖြင့်အမှု၏စာလုံးပေါင်းများအတွက်ရွေးချယ်စရာတွေထဲကရွေးချယ်ဖို့တောင်းဆိုခဲ့တယ်။
ဝဘ်ဆာဗာကိုအတူအပြန်အလှန်
အဆိုပါဆော့ဖ်ဝဲရေးသူက HTML စာမျက်နှာအစီအစဉ်တွင် code ကို၏ရလဒ်ကိုတွေ့မြင်နိုင်ကြောင်း, သင် server သို့ချိတ်ဆက်ရပါမည်။ ဒါဟာ IDE သို့ built နှင့်ကအသုံးပြုသူရဲ့ PC မှာသိမ်းဆည်းထားဒေသခံတစ်ဦးဖြစ်ပါတယ်။ အဆင့်မြင့်ဆက်တင်များ၏အကူအညီဖြင့်စီမံကိန်းကိုဖိုင်တွေဒေါင်းလုဒ်များအတွက် FTP, SFTP, FTPS ၏သုံးစွဲဖို့အခွင့်အလမ်းလည်းမရှိ။
ရရှိနိုင် SSH ကို-terminal ကိုသငျဒေသခံဆာဗာတောင်းဆိုချက်ကိုပေးပို့ကြောင်းပညတ်တော်တို့ကိုရိုက်ထည့်နိုင်ပါတယ်ဘယ်မှာရှိသည်။ ထို့ကြောင့်သင်က၎င်း၏အင်္ဂါရပ်များအားလုံးကို အသုံးပြု. တကယ့်ဆာဗာကိုအတိုင်းဤသုံးနိုင်သည်။
JavaScript ကိုအတွက် compiler TypeScript
သူတို့ JavaScript ကိုအတူအလုပ်လုပ်သောကွောငျ့ TypeScript ဘာသာစကား၌ရေးထားလျက်ရှိ၏ကုဒ်, browser များအားဖြင့်ကိုင်တွယ်ခြင်းမရှိပါ။ ဤသည် WebStorm အတွက်သုံးစွဲနိုင်သည့် JavaScript ကိုမှရေးသားထား TypeScript, လိုအပ်သည်။ သင့်လျော်သော tab ကိုအပေါ်စိတ်ကြိုက်စုစည်း, program ကို extenstion နဲ့ဘယ်လိုလုံးကိုဖိုင်တွေရဲ့အသွင်ပြောင်းစေတော်မူပြီဒါမှ * .tsအဖြစ်တစ်ဦးချင်းစီတ္ထု။ သငျသညျ typescript ကနေကုဒ််ဖိုင်ကိုမှမဆိုအပြောင်းအလဲများလုပ်ပါကအလိုအလျှောက် JavaScript ကိုအတွက်ပြုစုလိမ့်မည်။ သင် settings ကိုဒီစစ်ဆင်ရေးခွင့်မှန်ကန်ကြောင်းအတည်ပြုလျှင်ဒီ feature ရရှိနိုင်ပါသည်။
ဘာသာစကားများနှင့်မူဘောင်
ဖွံ့ဖြိုးတိုးတက်မှုပတ်ဝန်းကျင်သင်စီမံကိန်းများကိုအမျိုးမျိုးထိတွေ့ဆက်ဆံဖို့ခွင့်ပြုပါတယ်။ အဆိုပါတွစ်တာ Bootstrap မှကျေးဇူးတင်ပါသည်, သင် site ကိုမှ extensions တွေကိုဖန်တီးနိုင်ပါတယ်။ HTML5 ကိုအသုံးပြုခြင်းကဘာသာစကား၏နောက်ဆုံးပေါ်နည်းပညာများကိုအသုံးပြုရန်အတွက်ရရှိနိုင်ပါသည်။ Dart သူ့ဟာသူအဘို့ပြောသောနဲ့ web application ကိုဖှံ့ဖွိုးတိုးတ၏အကူအညီနှင့်တကွ, JavaScript ကိုဘာသာစကားအတွက်အစားထိုးဖြစ်ပါတယ်။
သင်က console ကို utility ကို Yeoman မှ Front-အဆုံးဖှံ့ဖွိုးတိုးတကျေးဇူးတင်စကားလုပ်ဆောင်နိုင်ပါလိမ့်မည်။ တစ်ခုတည်းစာမျက်နှာ Creating တစ်ခုတည်းက HTML-file ကိုအသုံးပြုသည်အရာ, မူဘောင် AngularJS သုံးပြီးထွက်ယူသွားတတ်၏။ ဖွံ့ဖြိုးတိုးတက်မှုပတ်ဝန်းကျင်က web အရင်းအမြစ်များတစ်ဖွဲ့စည်းပုံမှာဒီဇိုင်းဖန်တီးမှုအတွက်အထူးပြု, သင်ကအခြားစီမံကိန်းများအပေါ်လုပ်ကိုင်ဖို့ခွင့်ပြုနှင့်ပြင်ဆင်ချက်ရမညျ။
ဘူတာရုံ
Software ကိုသင်ချက်ချင်းအမျိုးမျိုးသောစစ်ဆင်ရေးလုပ်ဆောင်ပါလိမ့်မယ်ရှိရာ terminal ကိုအတူထောက်ပံ့။ built-in console ကို operating system ကို command prompt ကိုအသုံးပြုခွင့်ပေးထားတယ်: PowerShell, Bash မှာနှင့်အခြားသူများ။ ဒါကြောင့်သင်က IDE အပေါ် command များကို execute နိုင်ပါတယ်။
ဂုဏ်
- ထောက်ခံဘာသာစကားများနှင့်မူဘောင်၏အစု;
- code ကိုအတွက် Tooltip;
- Real-time အတွက်တည်းဖြတ်ကုဒ်;
- အဆိုပါယုတ္တိဖွဲ့စည်းပုံမှာဒြပ်စင်၏ဒီဇိုင်းကို။
ချို့ယွင်းချက်
- Paid ထုတ်ကုန်လိုင်စင်;
- အင်္ဂလိပ်အင်တာဖေ့စ။
အကြီးအဆော့ဖ်ဝဲ application ဖွံ့ဖြိုးရေးနှင့် tools တွေအများကြီးရှိကြောင်းကို web site ကို - အားလုံးအထက်ပါစုစည်းတင်ပြရန်က IDE WebStorm ကပြောသည်ရမည်ဖြစ်သည်။ Software ကိုပရော်ဖက်ရှင်နယ် developer များအနေနဲ့ပရိသတ်ကိုပိုပြီးအာရုံစိုက်ဖြစ်ပါတယ်။ ဘာသာစကားမျိုးစုံနှင့်မူဘောင်များအတွက်ပံ့ပိုးမှုက web features တွေနဲ့အမှန်တကယ်စတူဒီယိုထဲမှာ program ကိုမှန်ကန်စေသည်။
ဒေါင်းလုပ်ရုံးတင်စစ်ဆေးဗားရှင်း WebStorm
တရားဝင် site မှနောက်ဆုံးထွက်ဗားရှင်းကိုဒေါင်းလုဒ်လုပ်ပါ
site တစ်ခုဖန်တီးရန်အစီအစဉ်ကို 
Aptana စတူဒီယို 
Opera မှာ JavaScript ကိုဖွင့်ပေးခြင်း 
အန်းဒရွိုက်စတူဒီယိုလူမှုရေးကွန်ရက်များပေါ်တွင်ဤဆောင်းပါးကိုမျှဝေပါ:
