VCode - a pocket IDE for web

CoCode Studio

ဤအက်ပ်အကြောင်း

💻 VCode — သင့်အိတ်ကပ်ထဲတွင် ဆောင်ထားနိုင်သော IDE

နောက်ဆုံးအနေနဲ့ Android မှာ ကစားစရာတစ်ခုလို မခံစားရတဲ့ ကုဒ်တည်းဖြတ်သူ။

သင့်ရဲ့ ပထမဆုံး ဝက်ဘ်စာမျက်နှာကို ရေးသားရာမှာ အစပြုသူဖြစ်စေ၊ သင့်ဖုန်းကနေ hotfix တစ်ခုကို တွန်းအားပေးနေတဲ့ အတွေ့အကြုံရှိ developer တစ်ယောက်ဖြစ်စေ — VCode က သင့်လက်ဖဝါးထဲမှာ တကယ့် desktop အဆင့် coding environment ကို ပေးစွမ်းပါတယ်။

⚡ မြန်နှုန်းအတွက် တည်ဆောက်ထားတဲ့ ကုဒ်တည်းဖြတ်သူ

VCode ရဲ့ editor က မြန်ဆန်ပါတယ်။ အလွန်မြန်ဆန်ပါတယ်။

✦ HTML၊ CSS၊ JavaScript၊ JSON၊ Markdown နဲ့ SVG အတွက် လှပတဲ့ syntax highlighting — အားလုံးကို ကြော့ရှင်းတဲ့ JetBrains Mono ဖောင့်နဲ့ render လုပ်ထားပါတယ်။
✦ သင့်ကုဒ်ကို တကယ်နားလည်တဲ့ စမတ်ကျပြီး context-aware autocomplete: `style` tags ထဲက CSS အကြံပြုချက်များ၊ `script` blocks ထဲက JavaScript hint များနဲ့ project-wide variable discovery တွေ။
✦ Built-in Emmet Expansion — "ul>li*3" လို့ရိုက်ထည့်ပြီး HTML အပြည့်အစုံအဖြစ် ချက်ချင်းတိုးချဲ့ပါ။

ထဲမှာ cursor ပါပြီးသား HTML boilerplate အပြည့်အစုံကို generate လုပ်ဖို့ "!" လို့ရိုက်ထည့်ပါ။
✦ HTML၊ CSS၊ JavaScript နှင့် JSON အတွက် တစ်ချက်နှိပ် ကုဒ်ဖော်မတ်လုပ်ခြင်း — သင့် cursor သည် မူလနေရာတွင် အတိအကျရှိနေပါသည်။
✦ case sensitivity၊ whole-word နှင့် regex မုဒ်များဖြင့် ရှာဖွေပြီး အစားထိုးပါ။
✦ Line navigation၊ smart auto-indentation၊ auto-closing brackets နှင့် live status bar ပါရှိသော real-time JSON validation သို့သွားပါ။
✦ ချောမွေ့သော viewport-based highlighting သည် လိုင်းထောင်ပေါင်းများစွာကို တစ်ချက်မျှ ထစ်ငေါ့ခြင်းမရှိဘဲ ကိုင်တွယ်ပါသည်။

👁️ LIVE PREVIEW — သင့်အလုပ်ကို ချက်ချင်းကြည့်ရှုပါ

အက်ပ်များပြောင်းလဲခြင်းကို ရပ်တန့်ပါ။ VCode သည် browser ကို သင့်ထံ ယူဆောင်လာပါသည်။

✦ တစ်ချက်နှိပ်ရုံဖြင့် သင့် active HTML ဖိုင်ကို အစွမ်းထက်သော built-in WebView တွင် run ပါ — setup မလိုအပ်၊ စောင့်ဆိုင်းစရာမလိုပါ။
✦ သွားရင်းလာရင်း သင့် JavaScript ကို debug လုပ်ရန် app အတွင်းရှိ live console log များကို တိုက်ရိုက်ကြည့်ရှုပါ။
✦ full-screen စမ်းသပ်မှုကို သင်လိုချင်သည့်အချိန်တိုင်းတွင် သင့်စာမျက်နှာကို သင့် default browser တွင် ဖွင့်ပါ။
✦ Markdown ဖိုင်များသည် ကြွယ်ဝပြီး format ချထားသော စာရွက်စာတမ်းများအဖြစ် render လုပ်ပါသည်။ CSV၊ SVG နှင့် ရုပ်ပုံဖိုင်များကို ၎င်းတို့၏ visual representation ဖြင့် ဖွင့်နိုင်သည် — အပိုအဆင့်များ မလိုအပ်ပါ။

🌿 GIT & GITHUB ပေါင်းစပ်မှု အပြည့်အစုံ

VCode သည် version control ကို ပထမတန်းစား နိုင်ငံသားတစ်ဦးအဖြစ် သဘောထားသည်။

✦ Git workflow ကို ပြီးပြည့်စုံစေသည်- repos များကို initialize လုပ်ခြင်း၊ stage change များ၊ commit message များ ရေးသားခြင်း၊ branch များ ဖန်တီးခြင်း၊ merge လုပ်ခြင်းနှင့် push လုပ်ခြင်း — အားလုံးကို app မှ ထွက်ခွာခြင်းမရှိဘဲ လုပ်ဆောင်နိုင်သည်။
✦ Personal Access Token ဖြင့် သင့် GitHub အကောင့်ကို လုံခြုံစွာ ချိတ်ဆက်ပြီး သင့်ပရောဂျက်များကို တစ်ချက်နှိပ်ရုံဖြင့် sync လုပ်ပါ။
✦ Visual Diff Viewer — သင် commit မလုပ်မီ ဘာတွေပြောင်းလဲသွားသည်ကို အတိအကျ ပြန်လည်သုံးသပ်ပါ။
✦ Commit History — သင့်ပရောဂျက်မှတ်တမ်းတစ်ခုလုံး၏ သန့်ရှင်းသော timeline ကို scroll လုပ်ပါ။
✦ live progress update များနှင့် cancel button ဖြင့် background တွင် မည်သည့် public သို့မဟုတ် private repository ကိုမဆို clone လုပ်နိုင်သည်။ သင့် UI သည် ဘယ်တော့မှ ရပ်တန့်မသွားပါ။
✦ သင့်အလုပ်ကို ကာကွယ်ရန် safety confirmation များပါရှိသော Soft, Mixed & Hard Reset support။
✦ သင့်နောက်ဆုံး commit ကို ပြင်ဆင်ပါ၊ branch များစွာကို စီမံခန့်ခွဲပါ၊ နှင့် မည်သည့် commit ကိုမဆို revert လုပ်ပါ — အားလုံးကို natively။

📁 ဒက်စ်တော့အဆင့် ဖိုင်စီမံခန့်ခွဲမှု

သင့်အလုပ်ခွင်၊ သင့်နည်းလမ်း။

✦ လှပသော animation ဖိုင်သစ်ပင် — မည်သည့်ဖိုင် သို့မဟုတ် ဖိုင်တွဲကိုမဆို ကြာရှည်စွာနှိပ်ပြီး ချက်ချင်းလုပ်ဆောင်ချက်များကို ပြသပါ။
✦ သင့်ပရောဂျက်တစ်လျှောက်ရှိ ဖိုင်များနှင့် ဖိုင်တွဲသစ်ပင်တစ်ခုလုံးကို ဖြတ်ယူ၊ ကူးယူပြီး ကူးထည့်ပါ။ ဒက်စ်တော့ OS တွင်ကဲ့သို့ ဖိုင်များကို 70% opacity အထိ လျှော့ချပါ။
✦ သင့်စက်သိုလှောင်မှုမှ ဖိုင်များနှင့် ဖိုင်တွဲများကို တင်သွင်းပါ။ ကြီးမားသော တင်သွင်းမှုလုပ်ဆောင်ချက်များသည် တိုးတက်မှုအကြောင်းကြားစာဖြင့် နောက်ခံတွင် တိတ်ဆိတ်စွာလည်ပတ်သည်။
✦ မည်သည့်ဖိုင်၏ absolute သို့မဟုတ် relative path ကိုမဆို တစ်ချက်နှိပ်ရုံဖြင့် ကူးယူပါ။
✦ built-in template များကို အသုံးပြု၍ ပရောဂျက်အသစ်များကို ချက်ချင်းစတင်ပါ- Blank, HTML သို့မဟုတ် full HTML + CSS + JS layouts — ဖန်တီးသည့်အခါ ရွေးချယ်နိုင်သော Git initialization ဖြင့်။

✂️ SNIPPET MANAGER

သင်၏ အသုံးအများဆုံး code block များကို သိမ်းဆည်းပြီး တစ်ချက်နှိပ်ရုံဖြင့် မည်သည့်နေရာတွင်မဆို ထည့်သွင်းပါ။ cursor ထည့်သွင်းပြီးနောက် မည်သည့်နေရာတွင် ကျရောက်သင့်သည်ကို အတိအကျမှတ်သားရန် သင့် snippet တွင် "|" ကို အသုံးပြုပါ။

၎င်းသည် သင်စောင့်မျှော်နေသော IDE ဖြစ်သည်။ မည်သည့်နေရာတွင်မဆို ကုဒ်ရေးပါ။ ချက်ချင်း preview လုပ်နိုင်သည်။ ယုံကြည်စိတ်ချစွာ ပို့ဆောင်ပေးပါသည်။

အသစ်များ

- Desktop-Grade IntelliSense: Auto-suggests CSS classes inside HTML attributes.
- ES Modules Support: Suggests exported functions/variables from your JS imports.
- Advanced Type Inference: Intelligently infers variable types to suggest accurate prototype methods.
- Lightweight Lexical Scoping: Keep suggestions contextually accurate and clutter-free.
- Context-Aware Suggestions: File path autocomplete based on the exact HTML tag you're typing.
- Squashed Bugs & UI tweaks.