VCode - a pocket IDE for web

CoCode Studio

Über diese App

💻 VCode – Die IDE für unterwegs

VCode ist kein gewöhnlicher Code-Editor. Es ist eine vollwertige, Desktop-taugliche integrierte Entwicklungsumgebung (IDE), die von Grund auf für Android entwickelt wurde – speziell für Webentwickler, die keine Kompromisse eingehen wollen, nur weil sie ein Smartphone nutzen.

Die meisten mobilen Code-Editoren sind lediglich aufgepeppte Texteditoren mit einem Farbschema. VCode ist grundlegend anders. Jede einzelne Komponente – die Editor-Engine, der Syntax-Highlighter, das Autovervollständigungssystem, die Git-Integration – wurde von Grund auf für Android entwickelt, wobei Performance und Präzision höchste Priorität hatten. Kein webbasierter Editor in einer App-Hülle. Keine portierte Desktop-Bibliothek. Keine Abkürzungen. Keine halben Sachen. Und es ist komplett Open Source.

WARUM VCODE ANDERS IST

✦ Eine eigens entwickelte, native Editor-Engine mit Viewport Culling und inkrementeller Hervorhebung – läuft flüssig, selbst bei Dateien mit Tausenden von Zeilen.

✦ Kontextsensitive Intelligenz – Autovervollständigung, die Ihre Datei wirklich versteht. CSS innerhalb von `style`-Tags, JavaScript innerhalb von `script`-Blöcken und projektweite Variablen- und Funktionserkennung.

✦ Git als vollwertige Komponente – Stagen, Commit, Branching, Mergen, Pushen, Stashen und Diffen nativ ohne Plugins oder Workarounds.

✦ Tief in GitHub integriert – Repositories erstellen, pushen, pullen, fetchen und Remotes verwalten, ohne die Anwendung zu verlassen.

✦ Open Source und transparent – ​​Code lesen, beitragen oder selbst kompilieren unter github.com/cocodestudio/VCode.

⚡ DER EDITOR

✦ Syntaxhervorhebung für HTML, CSS, JavaScript, TypeScript, JSON, Markdown und SVG – gerendert in JetBrains Mono.

✦ Echtzeitdiagnose mit Wellenlinien an exakten Tokenpositionen. Rot für Fehler, Gelb für Warnungen, Blau für Hinweise.

✦ Integrierte Emmet-Erweiterung – geben Sie "ul>li*3" oder "!" ein und der vollständige Code wird sofort angezeigt.

✦ Codeformatierung mit nur einem Fingertipp für HTML, CSS, JS und JSON – Ihre Cursorposition bleibt immer erhalten.

✦ Suchen und Ersetzen mit Berücksichtigung von Groß- und Kleinschreibung, Ganzwortsuche und vollständiger Regex-Unterstützung.

✦ Direkte Zeilenumbrüche, intelligente automatische Einrückung, automatisch schließende Klammern und vollständige Rückgängig-/Wiederherstellen-Funktion.

👁️ LIVE-VORSCHAU

✦ Führen Sie Ihre aktive HTML-Datei mit einem einzigen Fingertipp in einer integrierten WebView aus. Keine Einrichtung, keine Wartezeit.

✦ Sehen Sie sich Live-JavaScript-Konsolenprotokolle an, um Ihren Code direkt in der App zu debuggen.

✦ Öffnen Sie die Anwendung jederzeit in Ihrem Standardbrowser für einen Vollbildtest auf einer echten Engine.

✦ Markdown-Dateien werden als formatierte Dokumente dargestellt. SVG-, CSV- und Bilddateien werden in ihrer visuellen Darstellung geöffnet – ohne zusätzliche Schritte.

🌿 GIT & GITHUB

✦ Vollständiger Git-Workflow: Initialisieren, Staging, Unstaging, Commit, Branch, Merge, Stash, Reset, Push und Pull.

✦ Visueller Diff-Viewer: Überprüfen Sie genau, was sich in jeder Datei geändert hat, bevor Sie committen.

✦ Commit-Historie: Eine übersichtliche, scrollbare Zeitleiste Ihres gesamten Projekts.

✦ Branch- und Stash-Manager mit Ein-Klick-Aktionen.

✦ Benutzeroberfläche zur Konfliktlösung: Übernehmen Sie Ihre Änderungen, akzeptieren Sie die Änderungen anderer oder brechen Sie einen Merge über ein separates Fenster ab.

✦ Klonen Sie beliebige öffentliche oder private Repositories im Hintergrund mit Live-Fortschrittsanzeige. Die Benutzeroberfläche bleibt dabei stets flüssig.

📁 DATEIVERWALTUNG

✦ Animierte Dateistruktur mit Kontextmenü (langes Drücken) für Sofortaktionen auf jede Datei oder jeden Ordner.

✦ Dateien und ganze Ordnerstrukturen im gesamten Projekt ausschneiden, kopieren und einfügen. Elemente ausblenden – genau wie auf einem Desktop-Betriebssystem.

✦ Dateien und Ordner vom Gerätespeicher importieren – mit Fortschrittsbenachrichtigungen im Hintergrund.

✦ Neue Projekte mit Vorlagen starten – leer, HTML oder vollständiges HTML + CSS + JS – mit optionaler Git-Initialisierung.

✦ Snippet-Manager: Häufig verwendete Codeblöcke speichern und mit einem Fingertipp überall einfügen.

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

Überall programmieren. Sofortige Vorschau. Sicher veröffentlichen.

Neuerungen

v2.2.4:
• Automatisches Speichern ungespeicherter Dateien vor der Vorschau zur Vermeidung von Datenverlust.
• Korrektur fehlerhafter Hintergrundfarben in der URL-Leiste und den Vorschau-Steuerelementen.