Deine Datei
Es bearbeitet die .mmd-Datei selbst.
Mernyx vs VS Code für Mermaid: Vorschau oder Editor
VS Code zeichnet Mermaid in der Markdown-Vorschau — ein Bild in einem Dokument. Mernyx ist für den Fall, dass das Diagramm die Datei ist und du es mit der Maus ändern willst.
Warum Mernyx
Was Mernyx in den drei Zeilen tut, in denen sich die beiden Werkzeuge unterscheiden.
Ändern auf der Canvas
Unterstützt
Finder-Vorschau
Unterstützt
Wann VS Code die richtige Wahl ist
Wenn du deine Dokumentation ohnehin in VS Code schreibst, ist die eingebaute Mermaid-Vorschau der kürzeste Weg.
Ein Diagramm in einem Markdown-Dokument ist ein Bild in einem Dokument, und VS Code rendert es gut — ohne Erweiterung, ohne Preview-Server, ohne zweites Fenster. Mernyx ist für den Moment, in dem das Bild aufhört, ein Bild zu sein, und zur Datei wird: Du willst einen Knoten verschieben, und der Quellcode muss mitgehen. Viele behalten beides, und die Frage ist nicht, welches besser ist, sondern welches du gerade in der Hand hältst.
Mechanismus für Mechanismus
Eine Zeile pro Funktion. Links steht Mernyx, rechts das Werkzeug, um das es auf dieser Seite geht.
| Funktion | Mernyx | VS Code |
|---|---|---|
| Nativ gezeichnet | UnterstütztNativ gezeichnet: Jeder Knoten ist eine echte View, und das Layout wird auf deinem Mac berechnet. | Teilweise unterstütztMit nicht-nativer Technologie gerendert. |
| Deine Datei | UnterstütztEs bearbeitet die .mmd-Datei selbst. | Teilweise unterstütztDas Diagramm steht in einem Mermaid-Codeblock in einem Markdown-Dokument. |
| Finder-Vorschau | UnterstütztUnterstützt | Nicht unterstütztNicht unterstützt |
| Finder-Thumbnail | UnterstütztUnterstützt | Nicht unterstütztNicht unterstützt |
| Ändern auf der Canvas | UnterstütztUnterstützt | Nicht unterstütztNicht unterstützt |
| Offline arbeiten | UnterstütztKompilieren, Layout und Export passieren auf deinem Mac, also funktioniert es ohne Netz genauso. | UnterstütztVS Code ist eine lokale App: Das Diagramm zeichnet sich ohne Netz genauso. |
| Export | UnterstütztPNG, SVG und PDF, ohne Wasserzeichen, in der Größe, die du brauchst. | Nicht unterstütztDie Vorschau zeichnet das Diagramm und kopiert seinen Quellcode. Ein Bild exportiert sie nicht. |
| Nichts zu installieren | UnterstütztEine App. Keine Erweiterung zu installieren, keine Laufzeitumgebung einzurichten. | UnterstütztBraucht eine installierte Erweiterung. |
| Teilen | UnterstütztDatei teilen | UnterstütztDatei teilen |
| Icons | UnterstütztUnterstützt | UnterstütztUnterstützt |
| AI | UnterstütztBring-your-own-key: Du lieferst Endpunkt und Schlüssel, völlig ohne Einschränkung. | Teilweise unterstütztVS Code bringt keine eigene Mermaid-AI mit. |
| Kein Konto nötig | UnterstütztKein Konto nötig | UnterstütztKein Konto nötig |
Fragen
Rendert VS Code jetzt Mermaid?
Nur aus Markdown heraus, oder wenn du eine Erweiterung eines Drittanbieters installierst.
Warum dann eine eigene App?
Stärkeres visuelles Bearbeiten, die Anbindung an Systemfunktionen von macOS wie Quick Look und natives Rendern mit hoher Leistung.
Kann ich in VS Code einen Knoten verschieben und der Mermaid-Quellcode ändert sich mit?
Nicht in der eingebauten Vorschau — sie rendert ein Ergebnis, keine bearbeitbare Canvas. In Mernyx sind Canvas und Quellcode zwei Ansichten desselben Dokuments: Ziehst du einen Knoten, wird der Quellcode neu geschrieben; änderst du den Quellcode, wird die Canvas neu gezeichnet.
Probiere es kostenlos
Lade es herunter, öffne eine Datei, die du schon hast, und sieh, ob sich die Canvas ihre $19 verdient, wenn du etwas ändern musst.