သင်သည် အတွေ့အကြုံရင့် ပရိုဂရမ်မာ သို့မဟုတ် လူသစ်တစ်ဦးဖြစ်စေ ရှုပ်ထွေးသော ပရောဂျက်တစ်ခုတွင် အလုပ်လုပ်ပါက သင်သည် ပြဿနာများကို ဖြတ်ကျော်နိုင်ခြေရှိပေလိမ့်မည်။ သင့်ပရောဂျက်ကို မော်ဂျူးများစွာသို့ ခွဲလိုက်သောအခါ ပြဿနာများ ပေါ်ပေါက်လာပြီး အမှားအယွင်းများကို ခြေရာခံရန်နှင့် ဖြေရှင်းချက်များကို ရှာဖွေရန် ပိုမိုခက်ခဲစေသည်။ အခြားအခြေအနေများတွင်၊ သင်လုပ်ဆောင်နေသည့် ပြဿနာအတွက် သင့်လျော်သောအဖြေကို သင်ရှာမတွေ့သောကြောင့် ဖြစ်ရပ်တစ်ခုချင်းစီကို အမှားရှာပြင်ဆင်ခြင်းသည် ခက်ခဲနိုင်သည်။
၎င်းသည် တစ်ခါတစ်ရံတွင် ကုဒ်အပိုင်းအစတစ်ခုအနေဖြင့်လည်း ဖြစ်ပေါ်ပြီး ထိုအချိန်တွင် ရှုပ်ထွေးနေနိုင်သည်။ JavaScript သည် လေ့လာရန် အလွန်ရိုးရှင်းသော ဝဘ်အခြေခံဘာသာစကားများထဲမှ တစ်ခုဖြစ်သည်။ သင့် desktop browser ကိုဖွင့်ပြီး Developer Tools (များသောအားဖြင့် F12) သို့သွားပါ ပြီးသွားပါပြီ။ ထို့နောက် ရှုပ်ထွေးသောဆော့ဖ်ဝဲကို ထည့်သွင်းရန် သို့မဟုတ် လုပ်ဆောင်ရန် မလိုအပ်ဘဲ JS နှင့် စမ်းသပ်နိုင်သည်။
စတင်ရန်၊ သင်လိုအပ်သည်မှာ browser တစ်ခုဖြစ်သည်။ ဤရိုးရှင်းမှုအားလုံးကို သေတ္တာထဲမှ ရရှိနိုင်ခြင်းသည် အံ့သြစရာကောင်းသော်လည်း သင်ပိုမိုလိုအပ်သည့်အချိန်အခါများရှိပါသည်။ ဥပမာအားဖြင့် သင်သည် မကြာသေးမီက ရှာဖွေတွေ့ရှိခဲ့သော ဝဘ် API အသစ်ကို စမ်းသပ်လိုသော်လည်း ပရောဂျက်အသစ်ကို မစတင်လိုပါဆိုပါစို့။
ဤပို့စ်တွင်၊ ကျွန်ုပ်တို့သည် လူကြိုက်အများဆုံး JS ကစားကွင်းသုံးခု၊ CodePen၊ CodeSandbox နှင့် StackBlitz တို့ကို နှိုင်းယှဉ်ပြီး ယှဉ်ပြပါမည်။ စလိုက်ကြစို့!
CodePen
Frontend ဝဘ်ဖွံ့ဖြိုးတိုးတက်ရေးကိရိယာများသည် အမြဲတမ်းပြောင်းလဲနေပြီး စာသားတည်းဖြတ်သူများသည် ဆော့ဖ်ဝဲရေးသားသူ၏ဘဝကို ပိုမိုရိုးရှင်းစေမည့် နောက်ဆုံးပေါ်နည်းပညာများ၏ အဓိကအစိတ်အပိုင်းတစ်ခုဖြစ်သည်။ Atom သို့မဟုတ် Notepad ++ ကဲ့သို့သော သီးသန့်စာသားတည်းဖြတ်သူများမှလွဲ၍ ပရိုဂရမ်ထည့်သွင်းခြင်းမလိုအပ်ဘဲ မကြာသေးမီနှစ်များအတွင်း ဘရောက်ဆာအခြေခံတည်းဖြတ်သူများ ပေါက်ကွဲလာကာ ပိုမိုပူးပေါင်းဆောင်ရွက်မှုကို မြှင့်တင်ပေးပါသည်။
CodePen သည် အသုံးပြုသူဖန်တီးထားသော HTML၊ CSS၊ နှင့် JavaScript ကုဒ်အတိုအထွာများကို စမ်းသပ်ခြင်းနှင့် တင်ဆက်ခြင်းအတွက် အွန်လိုင်းအသိုင်းအဝိုင်းတစ်ခုဖြစ်သည်” သည် ရှေ့တန်းဝဘ်စာမျက်နှာများကို ပိုမိုကောင်းမွန်စွာရေးသားနည်းကို လေ့လာရန် အခွင့်အလမ်းကောင်းများပေးဆောင်သည်။
CodePen သည် သင့်အား “မုဒ်များ” နှစ်ခု ပေးသည်။ ပထမဆုံးနဲ့ အသုံးအများဆုံးကတော့ Pen ပါ။ ခလုတ်တစ်ခုကို နှိပ်ပြီး တည်းဖြတ်သူထံ ချက်ချင်း ပို့ဆောင်ခြင်းကဲ့သို့ ရိုးရှင်းပါသည်။ ထိုနေရာမှ၊ သင်သည် အစမ်းကြည့်ရှုသည့်အကန့်အပြင် အခြေခံ HTML၊ CSS နှင့် JS တည်းဖြတ်သည့်ဝင်းဒိုးများကို ဝင်ရောက်ကြည့်ရှုနိုင်ပါသည်။
“ဖိုင်စနစ်၊” “IntelliSense” သို့မဟုတ် အခြားအရာများ မရှိပါ - ရိုးရှင်းသော အထားအသိုကို အသားပေးဖော်ပြခြင်းနှင့် prettify ကဲ့သို့သော မြန်ဆန်သော ညွှန်ကြားချက်များသာဖြစ်သည်။ ရွေးချယ်စရာများတက်ဘ်တွင် သင်သည် ဘာသာစကားသုံးမျိုးလုံးအတွက် ကန့်သတ်ထားသော ပရိုဆက်ဆာအကွာအဝေး (TypeScript for JS ကဲ့သို့) သို့မဟုတ် ပြင်ပအရင်းအမြစ်များသို့ ချိတ်ဆက်မှုများကို ထည့်နိုင်သည်။
မည်သည့်အရာမဆို အလကားလုပ်လိုလျှင် တည်းဖြတ်သူနှစ်ဦး လုံလောက်ပါသည်။ တပ်ဆင်မှုများစွာ သို့မဟုတ် စာကြည့်တိုက်များ မလိုအပ်သည့် မည်သည့်အရာအတွက်မဆို CodePen - ရိုးရိုး HTML၊ CSS နှင့် JS တို့ကို အပေါ်မှရွေးချယ်နိုင်သော ကြိုတင်ပရိုဆက်ဆာများပါရှိသည်။ သင်၏ဆိုရှယ်မီဒီယာတည်ရှိမှုကို မြှင့်တင်ရန် သို့မဟုတ် ကိုယ်ရေးကိုယ်တာအစုစုကို ဖွံ့ဖြိုးတိုးတက်စေရန် ကစားကွင်းကို အသုံးပြုလိုပါက၊ CodePen သည် ပိုမိုကောင်းမွန်သောရွေးချယ်မှုတစ်ခုဖြစ်သည်။
ပရီမီယံဗားရှင်း
သင့်တွင် CodePen မှရွေးချယ်ရန် နောက်ထပ်ရွေးချယ်စရာအချို့ရှိသည်။ သင်နှစ်စဉ်ပေးချေပါက၊ သင်သည် လစဉ် $12၊ $19 သို့မဟုတ် $39 ဖြင့် ပရီမီယံအစီအစဉ် သုံးခုထဲမှ တစ်ခုကို ရနိုင်ပါသည်။ အလွှာသုံးဆင့်ထဲမှ တစ်ခုပေါ်တွင် ကိုယ်ပိုင်ဖောင်တိန်များ၊ ပို့စ်များနှင့် စုစည်းမှုများကို အကန့်အသတ်မရှိ အရေအတွက်တစ်ခု ဖန်တီးနိုင်ပါသည်။
Pro တံဆိပ် (လူမှုရေးမြှင့်တင်မှု)၊ တိုက်ရိုက်ပူးပေါင်းဆောင်ရွက်မှုမုဒ်ကို အသုံးပြုခွင့်၊ ကြော်ငြာမရှိခြင်းနှင့် အခြားအရာများကိုလည်း သင်ရရှိမည်ဖြစ်သည်။ အချို့သော အဖွဲ့အလိုက် ဗျူဟာများနှင့် အခြားသော အဆင့်ခွဲကွဲပြားမှုများလည်း ရှိပါသည်။ နောက်ထပ်အချက်အလက်များအတွက် ၎င်းတို့၏တရားဝင်ငွေပေးချေမှုဘုတ်အဖွဲ့ကို စစ်ဆေးကြည့်ပါ။
Key ကိုအင်္ဂါရပ်များ
CodePen တွင် HTML၊ CSS နှင့် JavaScript တို့ကို ဖန်တီးခြင်းအပြင်၊ ၎င်းကို ခွဲခြားသတ်မှတ်နိုင်သည့် အခြားအရာအချို့လည်း ရှိသေးသည်။
- သင့်ကုဒ်ကို အချိန်နှင့်တပြေးညီ ကြည့်ရှုနိုင်သည်။ စုစည်းမှု မလိုအပ်ပါ။
- အတွေ့အကြုံသစ်တွေက သင့်ကို သင်ယူနိုင်စေတယ်။
- ပြဿနာများကိုရှာဖွေရန်နှင့်ဖြေရှင်းရန်သေးငယ်သောစမ်းသပ်မှုကိစ္စများဖန်တီးပါ။
- မင်းရဲ့အံ့ဖွယ်လက်ရာတွေကို ပြသလိုက်ပါ။
- Pens ကို နောက်ပိုင်းအသုံးပြုရန်အတွက် ဖန်တီးပြီး သိမ်းဆည်းပါ။
- အခြားဆော့ဖ်ဝဲရေးသားသူ၏ကုဒ်ကို စမ်းသုံးကြည့်ပြီး ၎င်းကို လုပ်ဆောင်ချက်အဖြစ် မြင်နိုင်သည်။
အားသာချက်များ
- စတင်ရန်၊ ကုန်ကျစရိတ်မရှိပါ။
- Built-in သင်ယူမှုအရင်းအမြစ်များ။
- အခြားသူများနှင့် ပူးပေါင်းလုပ်ဆောင်ပြီး အနာဂတ်တွင် ၎င်းတို့သွားနိုင်သည့်နေရာကို သိနိုင်ရန် ပရောဂျက်များကို နှိုင်းယှဉ်ပါ။
- UI သည် အသုံးပြုရလွယ်ကူပြီး ရိုးရှင်းပါသည်။
အားနည်းချက်များ
- ကုဒ်စာကြည့်တိုက်သည် သေးငယ်သည်၊ အလိုအလျောက်ကုဒ်ဖြည့်သွင်းမှုမှာ မလုံလောက်ပါ။ စာမျက်နှာတစ်မျက်နှာရှိ ပရောဂျက်များအတွက်သာ ကောင်းမွန်ပြီး ပိုကြီးသောအရာကို ကိုင်တွယ်ဖြေရှင်း၍မရပါ။
- CodePen တွင် သင်သည် ကိုယ်ပိုင်ဘောပင်များကို ဖန်တီးနိုင်သော်လည်း Pro အဖွဲ့ဝင်မှု (တစ်လလျှင် $9) သို့ အဆင့်မြှင့်ရန် လိုအပ်မည်ဖြစ်သည်။
ကုဒ် sandbox
CodeSandbox သည် ဝဘ်အခြေခံကုဒ်တည်းဖြတ်သူဖြစ်သည်။ ၎င်းသည် သင့်အတွက် ပျံ့နှံ့မှု၊ ထုပ်ပိုးမှုနှင့် မှီခိုမှုစီမံခန့်ခွဲမှုတို့ကို အလိုအလျောက်လုပ်ဆောင်ပေးကာ ပရောဂျက်အသစ်တစ်ခုကို ကလစ်တစ်ချက်နှိပ်ရုံဖြင့် တည်ဆောက်နိုင်မည်ဖြစ်သည်။ သင်စိတ်ဝင်စားဖွယ်အရာတစ်ခုကို ဖန်တီးပြီးနောက်၊ ဝဘ်ဆိုက်ကို မျှဝေရုံဖြင့် အခြားသူများထံ မျှဝေနိုင်ပါသည်။
တည်းဖြတ်သူသည် ဖန်တီး-တုံ့ပြန်-အက်ပ် နမူနာပုံစံတွင် ပရောဂျက်ကို သိမ်းဆည်းရန် ရွေးချယ်မှုကဲ့သို့သော React သီးသန့်အင်္ဂါရပ်များ ပါဝင်သော်လည်း၊ တည်းဖြတ်သူသည် မည်သည့် JavaScript ပရောဂျက်များနှင့်မဆို လိုက်ဖက်ပါသည်။
CodeSandbox တွင် သင်တည်ဆောက်သည့် မည်သည့်ပရောဂျက်မဆို နမူနာပုံစံဖြင့် စတင်သည်။ ၎င်းသည် သတ်မှတ်ထားသော စာကြည့်တိုက်၊ မူဘောင် သို့မဟုတ် runtime (Node.js အပါအဝင်) နှင့် ဆက်စပ်နိုင်သည် သို့မဟုတ် ရိုးရိုးသာမာန် ဝဘ်နည်းပညာများကို အသုံးပြုနိုင်သည်။ နမူနာပုံစံတစ်ခုကို ရွေးချယ်ပြီးနောက်၊ လိုအပ်သောဖိုင်များနှင့် အကြိုကြည့်ရှုသည့်ဝင်းဒိုးကို ဖွင့်ထားပြီးဖြစ်သည့် တည်းဖြတ်သူထံ ပေးပို့မည်ဖြစ်သည်။
သင်သည် Sandbox များအားလုံးရှိ "ဖိုင်စနစ်" သို့ ဝင်ရောက်ခွင့်ရှိသည်၊ ဆိုလိုသည်မှာ သင်သည် ဖိုင်အသစ်များဖန်တီးနိုင်ပြီး မော်ဂျူးများ (NPM ပက်ကေ့ဂျ်များအပါအဝင်) ကိုအသုံးပြုကာ တည်ငြိမ်သောပိုင်ဆိုင်မှုများနှင့် အပြန်အလှန်တုံ့ပြန်နိုင်သည်။ နမူနာပုံစံ-သီးသန့် ဖွဲ့စည်းမှုပုံစံဖိုင်များကို မွမ်းမံပြင်ဆင်ရန် အခွင့်အရေးလည်း ရှိပါသည်။
IDE တွင်ကဲ့သို့ ဖိုင်ဖွဲ့စည်းပုံနှင့် မှီခိုမှုများ အစုံအလင်ဖြင့် သင်၏ထူးခြားသော အသုံးပြုမှုကိစ္စအတွက် သင့်ကိုယ်ပိုင် နမူနာပုံစံများကိုပင် ဖန်တီးနိုင်သည်။ ကိရိယာသည် Github နှင့် ချိတ်ဆက်ထားသောကြောင့် သင်သည် ကတိပြုချက်များကို လျင်မြန်စွာ ဖန်တီးနိုင်ပြီး PR များကို ဖွင့်နိုင်သည်။ သင့်လျှောက်လွှာကို ZEIT သို့မဟုတ် Netlify သို့ ချက်ချင်းအသုံးပြုနိုင်သည်။
CodeSandbox Team Pro
developer များအား browser-based web app development sandbox ကိုတည်ဆောက်ခွင့်ပြုသည့်ဒတ်ခ်ျစီးပွားရေးလုပ်ငန်းတစ်ခုဖြစ်သည့် CodeSandbox သည် အဖွဲ့များအား cloud တွင် code များလုပ်ဆောင်နိုင်စေမည့်ပူးပေါင်းဆောင်ရွက်မှုပလပ်ဖောင်းတစ်ခုကိုတရားဝင်ထုတ်ပြန်ခဲ့သည်။ ထုတ်ကုန်အသစ် Team Pro သည် အရည်အသွေးအာမခံချက် (QA) အဖွဲ့များမှတစ်ဆင့် အရည်အသွေးအာမခံ (QA) အဖွဲ့များမှတစ်ဆင့် ပြီးပြည့်စုံသော ထုတ်ကုန်အဖွဲ့များအတွက် တည်ဆောက်ထားသည့် ကုဒ်နံပါတ်ဖြေရှင်းချက်တစ်ခုဖြစ်သည်။
ပရောဂျက်များကို ဝဘ်အက်ပလီကေးရှင်းသို့ အပြောင်းအလဲများ ပြုလုပ်ရန် သို့မဟုတ် လက်ခံလိုသူတိုင်းအတွက် အသုံးပြုရအဆင်ပြေသည့် မျက်နှာပြင်တွင် ပံ့ပိုးပေးထားပြီး အပြောင်းအလဲများကို လုပ်ဆောင်ရန် ဆော့ဖ်ဝဲအင်ဂျင်နီယာများထံ မှတ်စုများနှင့် အကြံပြုချက်များကို ပေးပို့ခြင်းကဲ့သို့သော အခြားနည်းလမ်းများကို ရှောင်ကြဉ်ခြင်း၊ ဆွေးနွေးခြင်းအတွက် ၎င်းတို့ကို ပြန်လည်ပေးပို့ခြင်းနှင့် လုပ်ငန်းစဉ်ကို ထပ်တလဲလဲ ပြုလုပ်ခြင်းတို့ ပြုလုပ်နိုင်သည်။
Key ကိုအင်္ဂါရပ်များ
- ဝဘ်အခြေခံကုဒ်တည်းဖြတ်သူနှင့် ရှေ့ပြေးပုံစံတူးလ်။
- ပြည်တွင်းအသုံးပြုမှုအတွက်၊ ဇစ်ဖိုင်တစ်ခုတွင် sandbox ကို အလွယ်တကူ ဒေါင်းလုဒ်လုပ်နိုင်ပါသည်။
- programming လုပ်ဖော်ကိုင်ဖက်များနှင့် အလွယ်တကူ မျှဝေနိုင်သည့် သဲပုံးများတွင် လုပ်ဆောင်သည်။
အားသာချက်များ
- ပိုမိုကောင်းမွန်သော အသုံးပြုသူအတွေ့အကြုံနှင့် တည်းဖြတ်သူအပေါ် ပိုမိုထိန်းချုပ်မှု။
- တိုက်ရိုက်ကြည့်ရှုခြင်း လုပ်ဆောင်ချက်ကို သီးခြားဝင်းဒိုးတွင် ပြုပြင်ပြီး ကြည့်ရှုနိုင်ပါသည်။
- ကုဒ်သည် အလိုအလျောက် ဖော်မတ်လုပ်ထားပြီး CLI (codesandbox-cli) ပါဝင်သည်
- အဆင့်မြင့် npm modules များအတွက်ပံ့ပိုးမှု။
- အကြံပြုချက်များနှင့်အတူ ကောင်းမွန်သော အမှားအယွင်းစာတိုများ။
- ပိုမိုကောင်းမွန်သော terminal၊ စမ်းသပ်ကြည့်ရှုသူနှင့် ပြဿနာကြည့်ရှုသူတို့ကို ပံ့ပိုးပေးခြင်းဖြင့် အမှားရှာပြင်ခြင်းအတွေ့အကြုံကို ပိုမိုကောင်းမွန်စေသည်။
အားနည်းချက်များ
- အဆုံးစားသုံးသူသည် ပုဂ္ဂိုလ်ရေးသီးသန့်ပြုလုပ်ခြင်းများစွာနှင့် ထိတွေ့နေပါသည်။
- စက်တွင်းကွန်ပျူတာမှ ဖိုင်များကို ဆွဲယူ၍ ချပေးခြင်းသည် ကောင်းမွန်စွာ မလည်ပတ်နိုင်ပါ။
- CodeSandbox တွင် အချို့သော ဖိုင်တွဲဖွဲ့စည်းပုံကို လိုက်နာရပါမည်။
- သီးသန့် sandbox ၏ လုပ်ဆောင်နိုင်စွမ်းသည် ဖောက်သည်များအတွက်သာ ရနိုင်ပါသည်။
StackBlitz
StackBlitz သည် ဝဘ်အက်ပလီကေးရှင်းများအတွက် Visual Studio Code-powered online IDE တစ်ခုဖြစ်သည်။ ပလက်ဖောင်းသည် ဒက်စတော့ဗားရှင်းကဲ့သို့ တုံ့ပြန်မှုရှိပြီး လိုက်လျောညီထွေဖြစ်စေသည်။ StackBlitz သည် ကြိုတင်ထည့်သွင်းထားသည့် အွန်လိုင်း IDE တစ်ခုဖြစ်သည်။ ကျီးကန်းနှင့် တုံ့ပြန်မှု ဖွံ့ဖြိုးတိုးတက်ရေးကိရိယာများ။
Thinkster.io သည် သင်၏ Angular သို့မဟုတ် React ပရောဂျက်ကို မှီခိုမှုထည့်သွင်းခြင်း သို့မဟုတ် တည်ဆောက်မှုဆက်တင်များကို စိတ်ပူစရာမလိုဘဲ သင့် Angular သို့မဟုတ် React ပရောဂျက်ကို စတင်ရန် အတတ်နိုင်ဆုံး ရိုးရှင်းစေရန်အတွက် ကောင်းမွန်သောပရောဂျက်ကို တည်ဆောက်ခဲ့သည်။ StackBlitz သည် ယခုအချိန်တွင် အခြားအွန်လိုင်းကုဒ်တည်းဖြတ်သူမရှိသည့် အံ့သြဖွယ်ထူးခြားသောအင်္ဂါရပ်များစွာကို ပေးဆောင်ပါသည်။ ရလဒ်အနေနှင့်၊ StackBlitz ကို ထပ်မံစုံစမ်းပြီး ဤအွန်လိုင်း IDE က ဘာကို ကမ်းလှမ်းထားသည်ကို ရှာဖွေတွေ့ရှိရန် ထိုက်တန်ပါသည်။
Stackblitz သည် ပြီးပြည့်စုံသော IDE နှင့် အလွန်အမင်း နှိုင်းယှဉ်နိုင်သည်၊ အထူးသဖြင့် ကိရိယာသည် ၎င်းကို အခြေခံသောကြောင့် VS ကုဒ်ကို နှုတ်ဆက်၍မရပါက၊ ပက်ကေ့ဂျ်တွင် အစုံလိုက်အပလီကေးရှင်းကို စတင်ကာ ဆက်လက်ဖန်တီးနိုင်စေမည့် အင်္ဂါရပ်အမျိုးမျိုးရှိသည်။
အဆိုပါပရိုဂရမ်ကို developer များအကြားလူသိများသော Visual Studio မှလုပ်ဆောင်သည်။ အော့ဖ်လိုင်းတည်းဖြတ်ခြင်းသည် ပရောဂျက်၏ထူးခြားသောအင်္ဂါရပ်ဖြစ်သည်။ ၎င်းကိုဖြစ်နိုင်စေရန်အတွက် Stackblitz အဖွဲ့သည် in-browser ဝဘ်ဆာဗာတစ်ခုကို ဖန်တီးခဲ့သည်။ သင်ရိုက်သည့်အတိုင်း၊ ၎င်းသည် မှီခိုအားထားမှု၊ စုစည်းမှု၊ အစုအဝေးများကို အလိုအလျောက် တပ်ဆင်ပေးပြီး ပြန်လည်စတင်ခြင်းကို လုပ်ဆောင်သည်။
ပရီမီယံဗားရှင်း
Cadet၊ Astronaut နှင့် Commander တို့ကို အခမဲ့၊ တစ်လလျှင် $8 နှင့် တစ်လလျှင် $29 အသီးသီး ရရှိနိုင်ပါသည်။ Astronaut နှင့် Commander တွင် အကန့်အသတ်မရှိ ကိုယ်ပိုင်ပရောဂျက်များ၊ အကန့်အသတ်မရှိ ဖိုင်အပ်လုဒ်များ၊ core team slack channel သို့ ဖိတ်ကြားခြင်း အစရှိသည့် အင်္ဂါရပ်များစွာ ပါဝင်ပါသည်။ နောက်ထပ်အချက်အလက်များအတွက် တရားဝင်ငွေပေးချေမှုဘုတ်ကို ကြည့်ပါ။
Key ကိုအင်္ဂါရပ်များ
- သင့်ပရောဂျက်သို့ NPM ပက်ကေ့ဂျ်များကို ထည့်ခြင်း။
- ဘရောက်ဆာအတွင်းမှ dev server အသစ်တစ်ခုကြောင့် အော့ဖ်လိုင်းတွင် တည်းဖြတ်နိုင်သည်။
- ကျွန်ုပ်တို့၏တိုက်ရိုက်ထုတ်လွှအက်ပ်ကို အချိန်မရွေး ဝင်ရောက်ကြည့်ရှုနိုင် (မျှဝေ) ခွင့်ပြုသည့် လက်ခံထားသောအက်ပ် URL တစ်ခု။
- အခြားသော ထင်ရှားသော Visual Studio Code လုပ်ဆောင်ချက်များတွင် Intellisense၊ Project Search (Cmd/Ctrl+P), Go to Definition နှင့် အခြားအရာများ ပါဝင်သည်။
အားသာချက်များ
- ဖြန့်ကျက်မှုအတွက် Firebase ၏ စွမ်းဆောင်ရည်များ။
- တည်းဖြတ်သူသည် အမှန်တကယ်အသုံးပြုရလွယ်ကူပြီး အလွန်မြန်ဆန်သည်။
- အသုံးပြုသူများသည် package.json၊ index.html နှင့် index.js သို့ဝင်ရောက်ခွင့်ရှိသည်။
- မျှဝေနိုင်သော အရင်းအမြစ်ကုဒ်ကိုလည်း ထည့်သွင်းနိုင်သည်။
- လိုအပ်ပါက မတူညီသောစာမျက်နှာတွင်ဖွင့်ရန် ရွေးချယ်ခွင့်ဖြင့် စာမျက်နှာ၏ ကြီးမားသောအပိုင်းတွင် တိုက်ရိုက်ကြည့်ရှုပါ။
- အော့ဖ်လိုင်းဖြစ်နေစဉ်၊ တည်းဖြတ်ခြင်း။
- စမတ်ကျသော ပြီးမြောက်မှုများနှင့် Intellisense တို့ကို မြှင့်တင်ထားသည်။
- Stackblitz ၏ အဓိကအချက်မှာ open source ဖြစ်ပြီး.
အားနည်းချက်များ
- အဲဒါတွေကို create-react-app command က စီမံခန့်ခွဲတဲ့အတွက် အဆောက်အဦ ဒါမှမဟုတ် developer server အပေါ်မှာ လွှမ်းမိုးမှုမရှိပါဘူး။
- React တွင်၊ အခြေခံဖိုင်တွဲဖွဲ့စည်းပုံကို စောင့်ကြည့်လေ့လာသင့်သည်။
- ကုဒ်ကို အလိုအလျောက်ဖော်မတ်လုပ်ရန် မဖြစ်နိုင်သော်လည်း ၎င်းကို ကိုယ်တိုင်ပြုလုပ်ရန် ဖြစ်နိုင်သည်။
ကောက်ချက်
ယနေ့ခေတ်တွင်၊ အထက်တွင်တွေ့မြင်ခဲ့ရသည့်အတိုင်း ကုဒ်ရေးကစားကွင်းကို မည်သည့်ဝဘ်ပရောဂျက်ကိုမဆို တည်ဆောက်ရန်အတွက် အသုံးပြုနိုင်ပါသည်။ သင့်ဝဘ်ဘရောက်ဆာမှ တိုက်ရိုက်တည်ဆောက်ခြင်း၊ အမှားရှာခြင်း၊ စမ်းသပ်ခြင်းနှင့် အသုံးပြုခြင်းတို့ကို ပြုလုပ်နိုင်သောအခါတွင် သင့် PC တွင် ခက်ခဲသော IDE များကို ထည့်သွင်းရန် မလိုအပ်ပါ။
ကျွန်တော့်အမြင်အရ၊ StackBlitz သည် JavaScript၊ Angular နှင့် အခြားသော ဖွံ့ဖြိုးရေးပရောဂျက်များကို ဘောက်စ်အတွင်းမှ ခွင့်ပြုပေးသည့် ဝဘ်အခြေခံ IDE ဖြစ်သောကြောင့် ၎င်းတို့တွင် အကောင်းဆုံးဖြစ်မည်ဖြစ်သောကြောင့် Node.js၊ npm၊ သို့မဟုတ် ကျီးကန်း။ ၎င်းသည် စက်တွင်းရှိ Visual Studio Code အသုံးပြုခြင်းကဲ့သို့ အလားတူအတွေ့အကြုံကို ပေးဆောင်သည်။ လက်တွေ့တွင်၊ StackBlitz ကို Visual Studio Code မှ မောင်းနှင်ထားသောကြောင့်၊ ၎င်းသည် desktop ဗားရှင်းကဲ့သို့ မြန်ဆန်ပြီး စွယ်စုံရရှိသည်။
CodePen၊ CodeSandbox နှင့် StackBlitz သည် သင့်သွားနိုင်သော tool ဖြစ်သည် ။ မှတ်ချက်များတွင် ကျွန်ုပ်တို့ကို အသိပေးပါ။
အဗ္ဗတိယာ
stackblitz.com ကိုတွေ့တာနဲ့ ဒီဆောင်းပါးကောင်းအတွက် ကျေးဇူးတင်ပါတယ်၊ ဒါက ကျွန်တော်လိုချင်တာကို သိပါတယ်။