VCode - a pocket IDE for web

CoCode Studio

Tungkol sa app na ito

💻 VCode — Ang IDE na Kasya sa Iyong Bulsa

Sa wakas, isang code editor sa Android na hindi parang laruan.

Baguhan ka man sa pagsulat ng iyong pinakaunang webpage, o isang bihasang developer na nagpo-push ng hotfix mula sa iyong telepono — binibigyan ka ng VCode ng isang tunay, desktop-grade na coding environment sa iyong palad.

⚡ ISANG CODE EDITOR NA GINAWA PARA SA BILIS

Mabilis ang editor ng VCode. Napakabilis.

✦ Magandang syntax highlighting para sa HTML, CSS, JavaScript, JSON, Markdown at SVG — lahat ay na-render sa eleganteng JetBrains Mono font.
✦ Matalino, context-aware na autocomplete na talagang nakakaintindi ng iyong code: mga mungkahi sa CSS sa loob ng mga tag na `style`, mga pahiwatig ng JavaScript sa loob ng mga bloke ng `script`, at pagtuklas ng variable sa buong proyekto.
✦ Built-in na Emmet Expansion — i-type ang "ul>li*3" at agad itong palawakin sa buong HTML. I-type ang "!" para makabuo ng kumpletong HTML boilerplate na ang iyong cursor ay nasa loob na ng

.
✦ Isang tap na pag-format ng code para sa HTML, CSS, JavaScript at JSON — ang iyong cursor ay mananatili kung nasaan ito.
✦ Hanapin at Palitan gamit ang case sensitivity, whole-word, at regex modes.
✦ Pumunta sa Line navigation, smart auto-indentation, auto-closing brackets, at real-time JSON validation na may live status bar.
✦ Ang maayos na viewport-based highlighting ay humahawak sa libu-libong linya nang walang kahit isang pagkautal.

👁️ LIVE PREVIEW — TINGNAN ANG IYONG GAWA AGAD

Itigil ang paglipat ng app. Inihahatid sa iyo ng VCode ang browser.

✦ Patakbuhin ang iyong aktibong HTML file sa isang makapangyarihang built-in na WebView sa isang tap lang — walang setup, walang paghihintay.
✦ Tingnan ang mga live console log nang direkta sa loob ng app para i-debug ang iyong JavaScript habang naglalakbay.
✦ Buksan ang iyong pahina sa iyong default na browser anumang oras na gusto mo ng full-screen test.
✦ Ang mga markdown file ay nire-render bilang mga rich at formatted na dokumento. Ang mga CSV, SVG, at mga image file ay bubukas sa kanilang visual na representasyon — walang kinakailangang karagdagang hakbang.

🌿 BUONG PAGSASAMA SA GIT AT GITHUB

Tinatrato ng VCode ang version control bilang isang first-class citizen.

✦ Kumpletong workflow ng Git: simulan ang mga repo, baguhin ang mga yugto, magsulat ng mga commit message, lumikha ng mga branch, pagsamahin, at i-push — lahat nang hindi umaalis sa app.
✦ Ikonekta ang iyong GitHub account nang ligtas gamit ang isang Personal Access Token at i-sync ang iyong mga proyekto sa isang tap.
✦ Visual Diff Viewer — suriin kung ano mismo ang nagbago bago ka mag-commit.
✦ Kasaysayan ng Commit — mag-scroll sa isang malinis na timeline ng iyong buong kasaysayan ng proyekto.
✦ I-clone ang anumang pampubliko o pribadong repository sa background gamit ang mga live na update sa progreso at isang cancel button. Hindi kailanman nag-freeze ang iyong UI.
✦ Suporta sa Soft, Mixed at Hard Reset na may mga kumpirmasyon sa kaligtasan upang protektahan ang iyong trabaho.
✦ Baguhin ang iyong huling commit, pamahalaan ang maraming branch, at ibalik ang anumang commit — lahat nang native.

📁 PAMAMAHALA NG FILE NA GRADE SA DESKTOP

Ang iyong workspace, sa iyong paraan.

✦ Magandang animated na file tree — pindutin nang matagal ang anumang file o folder para ipakita ang mga agarang aksyon.
✦ Gupitin, Kopyahin at I-paste ang mga file at buong folder tree sa iyong proyekto. Gupitin ang mga file nang malabo hanggang 70% opacity — tulad ng sa isang desktop OS.
✦ Mag-import ng mga file at folder mula sa storage ng iyong device. Ang malalaking operasyon sa pag-import ay tahimik na tumatakbo sa background na may abiso sa pag-unlad.
✦ Kopyahin ang absolute o relative path ng anumang file sa isang tap.
✦ Magsimula ng mga bagong proyekto agad gamit ang mga built-in na template: Blank, HTML, o buong HTML + CSS + JS layout — na may opsyonal na Git initialization sa paggawa.

✂️ SNIPPET MANAGER

I-save ang iyong mga pinakamadalas gamiting code block at ipasok ang mga ito kahit saan sa isang tap lang. Gamitin ang "|" sa iyong snippet para markahan kung saan eksaktong dapat mapunta ang cursor pagkatapos ipasok.

Ito ang IDE na iyong hinihintay. Mag-code kahit saan. Mag-preview agad. Magpadala nang may kumpiyansa.

Ano'ng bago

- 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.