VCode - a pocket IDE for web

CoCode Studio

Over deze app

💻 VCode — De IDE die in je zak past

Eindelijk een code-editor voor Android die niet aanvoelt als speelgoed.

Of je nu een complete beginner bent die je allereerste webpagina schrijft, of een ervaren ontwikkelaar die een hotfix vanaf je telefoon pusht — VCode biedt je een echte, desktop-waardige codeeromgeving in de palm van je hand.

⚡ EEN CODE-EDITOR ONTWORPEN VOOR SNELHEID

De editor van VCode is snel. Razendsnel.

✦ Prachtige syntaxmarkering voor HTML, CSS, JavaScript, JSON, Markdown en SVG — allemaal weergegeven in het elegante JetBrains Mono-lettertype.

✦ Slimme, contextbewuste autocomplete die je code echt begrijpt: CSS-suggesties in `style`-tags, JavaScript-hints in `script`-blokken en projectbrede variabeledetectie.

✦ Ingebouwde Emmet-expansie — typ "ul>li*3" en het wordt direct uitgebreid naar volledige HTML. Typ "!" Genereer een complete HTML-boilerplate terwijl uw cursor zich al in

bevindt.

✦ Codeopmaak met één tik voor HTML, CSS, JavaScript en JSON — uw cursor blijft precies waar hij was.

✦ Zoeken en vervangen met hoofdlettergevoeligheid, hele woorden en reguliere expressies.

✦ Ga naar regelnavigatie, slimme automatische inspringing, automatisch sluitende haakjes en realtime JSON-validatie met een live statusbalk.

✦ Vloeiende, op de viewport gebaseerde markering verwerkt duizenden regels zonder haperingen.

👁️ LIVE VOORBEELD — BEKIJK UW WERK DIRECT

Stop met wisselen tussen apps. VCode brengt de browser naar u toe.

✦ Voer uw actieve HTML-bestand uit in een krachtige ingebouwde WebView met één tik — geen installatie, geen wachttijd.

✦ Bekijk live consolelogs direct in de app om uw JavaScript onderweg te debuggen.

✦ Open je pagina in je standaardbrowser wanneer je maar wilt voor een test op volledig scherm.

✦ Markdown-bestanden worden weergegeven als rijk opgemaakte documenten. CSV-, SVG- en afbeeldingsbestanden worden geopend in hun visuele weergave — zonder extra stappen.

🌿 VOLLEDIGE GIT- & GITHUB-INTEGRATIE

VCode behandelt versiebeheer als een volwaardig onderdeel.

✦ Complete Git-workflow: initialiseer repositories, sta wijzigingen toe, schrijf commitberichten, maak branches aan, merge en push — allemaal zonder de app te verlaten.

✦ Verbind je GitHub-account veilig met een persoonlijk toegangstoken en synchroniseer je projecten met één tik.

✦ Visuele diff-viewer — bekijk precies wat er is veranderd voordat je commit.

✦ Commitgeschiedenis — blader door een overzichtelijke tijdlijn van je volledige projectgeschiedenis.

✦ Kloon elke openbare of privérepository op de achtergrond met live voortgangsupdates en een annuleerknop. Je gebruikersinterface loopt nooit vast.

✦ Ondersteuning voor soft-, mixed- en harde resets met veiligheidsbevestigingen om je werk te beschermen.

✦ Wijzig je laatste commit, beheer meerdere branches en draai elke commit terug — allemaal rechtstreeks.

📁 BESTANDSBEHEER VAN DESKTOPKWALITEIT

Jouw werkruimte, jouw manier.

✦ Prachtige geanimeerde bestandsstructuur — houd een bestand of map ingedrukt om direct acties te tonen.

✦ Knip, kopieer en plak bestanden en complete mappenstructuren in je project. Geknipte bestanden worden gedimd tot 70% transparantie — net als op een desktopbesturingssysteem.

✦ Importeer bestanden en mappen vanuit de opslag van je apparaat. Grote importbewerkingen worden stil op de achtergrond uitgevoerd met een voortgangsmelding.

✦ Kopieer het absolute of relatieve pad van elk bestand met één tik.

✦ Start direct nieuwe projecten met behulp van ingebouwde sjablonen: leeg, HTML of volledige HTML + CSS + JS-lay-outs — met optionele Git-initialisatie bij het aanmaken.

✂️ SNIPPETMANAGER

Bewaar je meestgebruikte codeblokken en voeg ze met één tik overal in. Gebruik "|" in je codefragment om precies aan te geven waar de cursor na het invoegen moet komen.

Dit is de IDE waar je op hebt gewacht. Codeer overal. Bekijk direct een voorbeeld. Publiceer vol vertrouwen.

Wat is er nieuw

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