05 · Web

AnnexCode

AnnexCode ist der Web- und Code-Arbeitsplatz der Suite – mit Editor, WYSIWYG-Vorschau, lokalen Servern und Deployment, alles im selben Projekt.

Enthalten im Complete-Bundle
AnnexCode im Betrieb, helle Oberfläche AnnexCode im Betrieb, dunkle Oberfläche

Zehn Top-Merkmale

Was die App kann

  1. 01

    Code-Editor mit Syntax-Highlighting

    NSTextView-basierter Editor mit Tabs für HTML, CSS, JavaScript, PHP, Python, JSON, XML, Swift und Rust.

  2. 02

    WYSIWYG-HTML-Vorschau mit beidseitiger Bearbeitung

    Vorschau neben dem Code; Element-Klicks springen zur Quelle, Textänderungen und Umordnungen schreiben direkt in den Editor und sind rückgängig machbar.

  3. 03

    Komponenten-Panel mit Bootstrap-Komponenten

    Zehn fertige Komponenten per Drag & Drop einfügen; der Inspektor editiert Text, Bild, Farbe, URL und Booleans.

  4. 04

    Lokale Entwicklungsserver

    PHP-Built-in-Server, Node.js (npm start) und Python http.server pro Projekt starten, mit automatischer Portvergabe und kombiniertem Log.

  5. 05

    Integriertes Terminal

    Einblendbares Shell-Panel im Projektverzeichnis mit kombiniertem Stdout/Stderr, SIGINT-Abbruch und sauberem Prozess-Lebenszyklus.

  6. 06

    Package-Manager-Integration

    npm install oder composer install direkt aus der App ausführen, abhängig vom Tech-Stack.

  7. 07

    Git-Integration

    Status-Erkennung, Commit (stage-all), Push, Pull, Branch-Liste und Branch-Wechsel für lokale Projekte über das System-git.

  8. 08

    FTP, SFTP und WebDAV-Deployment

    Listing, Upload und Download für alle drei Protokolle; rekursiver Abgleich und optionaler automatischer Upload beim Sichern.

  9. 09

    Prettier, Emmet, Autovervollständigung und Syntaxprüfung

    Code formatieren, HTML-Abkürzungen per Tab expandieren, Vorschläge für HTML/CSS/PHP abrufen und Befunde in einer Leiste anzeigen.

  10. 10

    Tech-Stack-Vorlagen für neue Projekte

    Plain HTML, Bootstrap 5, Tailwind CDN, Node.js Static, PHP + Composer, CDN, jQuery und PHP Classic als lauffähige Grundstruktur anlegen.

Verfügbarkeit

AnnexCode ist im Complete-Bundle enthalten.

  • Complete-Bundle