VCode - a pocket IDE for web

CoCode Studio

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

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

VCode သည် အခြားကုဒ်တည်းဖြတ်သူမဟုတ်ပါ။ ၎င်းသည် Android အတွက် အခြေခံမှတည်ဆောက်ထားသော အပြည့်အဝ၊ desktop-grade Integrated Development Environment တစ်ခုဖြစ်ပြီး ဖုန်းဖြင့်သာအလုပ်လုပ်သောကြောင့် အလျှော့ပေးမှုကို ငြင်းဆန်သော ဝဘ်ဆော့ဖ်ဝဲရေးသားသူများအတွက် ဒီဇိုင်းထုတ်ထားသည်။

မိုဘိုင်းကုဒ်တည်းဖြတ်သူအများစုသည် အရောင်အပြင်အဆင်ပါသော ဂုဏ်ကျက်သရေရှိသော စာသားတည်းဖြတ်သူများဖြစ်သည်။ VCode သည် အခြေခံအားဖြင့် ကွဲပြားသည်။ အစိတ်အပိုင်းတိုင်း — editor engine၊ syntax highlighter၊ autocomplete system၊ Git integration — တို့ကို Android အတွက် သုညမှတည်ဆောက်ထားပြီး စွမ်းဆောင်ရည်နှင့် တိကျမှုကို ဦးစားပေးသည်။ app shell တွင်ထုပ်ပိုးထားသော web-based editor မရှိပါ။ ported desktop library မရှိပါ။ shortcuts မရှိပါ။ half-measures မရှိပါ။ ၎င်းသည် လုံးဝ open source ဖြစ်သည်။

VCODE အဘယ်ကြောင့်ကွာခြားသနည်း

✦ viewport culling နှင့် incremental highlighting ပါရှိသော custom-built native editor engine — လိုင်းထောင်ပေါင်းများစွာပါသော ဖိုင်များတွင်ပင် ချောမွေ့နေမည်ဖြစ်သည်။
✦ Context-aware intelligence — သင့်ဖိုင်ကို အမှန်တကယ်နားလည်သော autocomplete။ `style` tags များအတွင်းရှိ CSS၊ `script` blocks များအတွင်းရှိ JavaScript နှင့် project-wide variable နှင့် function discovery။
✦ ပထမတန်းစား နိုင်ငံသားတစ်ဦးအနေဖြင့် Git ကို — plugins သို့မဟုတ် workarounds များမပါဘဲ natively stage, commit, branch, merge, push, stash နှင့် diff ပြုလုပ်နိုင်သည်။
✦ GitHub သည် နက်ရှိုင်းစွာ ပေါင်းစပ်ထားသည် — app မှ ထွက်ခွာခြင်းမရှိဘဲ repositories များ ဖန်တီးခြင်း၊ push, pull, fetch နှင့် manage လုပ်နိုင်သည်။
✦ Open source နှင့် transparent — github.com/cocodestudio/VCode တွင် code ကို ဖတ်ရှုပါ၊ contribute လုပ်ပါ သို့မဟုတ် ကိုယ်တိုင်တည်ဆောက်ပါ။

⚡ THE EDITOR

✦ HTML, CSS, JavaScript, TypeScript, JSON, Markdown နှင့် SVG အတွက် Syntax highlighting — JetBrains Mono ဖြင့် render လုပ်ထားသည်။
✦ တိကျသော token positions များတွင် ရေးဆွဲထားသော squiggly underlines များပါရှိသော real-time diagnostics။ အနီရောင်သည် error များအတွက်၊ အဝါရောင်သည် warnings များအတွက်၊ အပြာရောင်သည် hints များအတွက်။
✦ Built-in Emmet expansion — "ul>li*3" သို့မဟုတ် "!" ဟုရိုက်ထည့်ပြီး full code အဖြစ် ချက်ချင်း expand လုပ်ပါ။
✦ HTML၊ CSS၊ JS နှင့် JSON အတွက် တစ်ချက်နှိပ် ကုဒ်ဖော်မတ်လုပ်ခြင်း — သင့် cursor အနေအထားကို အမြဲထိန်းသိမ်းထားသည်။
✦ စာလုံးအကြီးအသေး sensitivity၊ စကားလုံးတစ်ခုလုံးကိုက်ညီမှုနှင့် regex အပြည့်အဝပံ့ပိုးမှုဖြင့် ရှာဖွေပြီး အစားထိုးပါ။
✦ Line သို့သွားပါ၊ smart auto-indentation၊ auto-closing brackets နှင့် full undo/redo history။

👁️ LIVE PREVIEW

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

🌿 GIT & GITHUB

✦ Git workflow အပြည့်အစုံ — initialize လုပ်ခြင်း၊ stage လုပ်ခြင်း၊ unstage လုပ်ခြင်း၊ commit လုပ်ခြင်း၊ branch လုပ်ခြင်း၊ merge လုပ်ခြင်း၊ stash လုပ်ခြင်း၊ reset လုပ်ခြင်း၊ push လုပ်ခြင်းနှင့် pull လုပ်ခြင်း။
✦ Visual Diff Viewer — commit မလုပ်မီ ဖိုင်တိုင်းတွင် အပြောင်းအလဲများကို အတိအကျ ပြန်လည်သုံးသပ်ပါ။
✦ Commit History — သင့်ပရောဂျက်ဇာတ်လမ်းတစ်ခုလုံး၏ သန့်ရှင်းပြီး scroll လုပ်နိုင်သော အချိန်ဇယား။
✦ တစ်ချက်နှိပ်လုပ်ဆောင်ချက်များပါရှိသော Branch Manager နှင့် Stash Manager။
✦ Conflict Resolution UI — ကျွန်ုပ်တို့၏ repository ကိုလက်ခံပါ၊ ၎င်းတို့ကိုလက်ခံပါ၊ သို့မဟုတ် dedicated screen မှ merge ကို ရပ်ဆိုင်းပါ။
✦ live progress ဖြင့် background တွင် public သို့မဟုတ် private repository များကို clone လုပ်ပါ။ UI သည် ဘယ်တော့မှ ရပ်တန့်မသွားပါ။

📁 FILE MANAGEMENT

✦ မည်သည့်ဖိုင် သို့မဟုတ် folder တွင်မဆို ချက်ချင်းလုပ်ဆောင်ချက်များအတွက် long-press context menu ပါရှိသော animated file tree။
✦ သင့်ပရောဂျက်တစ်လျှောက်ရှိ ဖိုင်များနှင့် folder tree တစ်ခုလုံးကို ဖြတ်ယူ၊ ကူးယူ၊ ကူးထည့်ပါ။ အရာများကို မှိန်သွားအောင် ဖြတ်ယူပါ — desktop OS တွင်ကဲ့သို့ပင်။
✦ နောက်ခံတိုးတက်မှုအသိပေးချက်များဖြင့် စက်ပစ္စည်းသိုလှောင်မှုမှ ဖိုင်များနှင့်ဖိုင်တွဲများကို တင်သွင်းပါ။
✦ တင်းပလိတ်များမှ ပရောဂျက်အသစ်များကို စတင်ပါ — Blank, HTML သို့မဟုတ် full HTML + CSS + JS — ရွေးချယ်နိုင်သော Git initialization ဖြင့်။
✦ Snippet Manager — သင်၏ အသုံးအများဆုံးကုဒ်ဘလောက်များကို သိမ်းဆည်းပြီး တစ်ချက်နှိပ်ရုံဖြင့် မည်သည့်နေရာတွင်မဆို ထည့်သွင်းပါ။

——————————————————

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