05 · Web
AnnexCode
AnnexCode is the web and code workspace of the suite – with editor, WYSIWYG preview, local servers and deployment, all in the same project.
Included in Complete bundle
Ten top features
What the app can do
-
01
Code editor with syntax highlighting
NSTextView-based editor with tabs for HTML, CSS, JavaScript, PHP, Python, JSON, XML, Swift and Rust.
-
02
WYSIWYG HTML preview with two-way editing
Preview next to the code; element clicks jump to the source, text changes and rearrangements write directly into the editor and are undoable.
-
03
Components panel with Bootstrap components
Insert ten ready-made components via drag & drop; the inspector edits text, image, colour, URL and booleans.
-
04
Local development servers
Start PHP built-in server, Node.js (npm start) and Python http.server per project, with automatic port assignment and combined log.
-
05
Integrated terminal
Pop-in shell panel in the project directory with combined stdout/stderr, SIGINT abort and clean process lifecycle.
-
06
Package manager integration
Run npm install or composer install directly from the app, depending on the tech stack.
-
07
Git integration
Status detection, commit (stage-all), push, pull, branch list and branch switch for local projects via system git.
-
08
FTP, SFTP and WebDAV deployment
Listing, upload and download for all three protocols; recursive sync and optional automatic upload on save.
-
09
Prettier, Emmet, auto-completion and syntax checking
Format code, expand HTML abbreviations with Tab, fetch suggestions for HTML/CSS/PHP and show findings in a bar.
-
10
Tech-stack templates for new projects
Create Plain HTML, Bootstrap 5, Tailwind CDN, Node.js Static, PHP + Composer, CDN, jQuery and PHP Classic as runnable scaffolding.
Availability
AnnexCode is included in the Complete bundle.
Complete-Bundle