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

[Mernyx Pro kaufen — $19](https://checkout.dodopayments.com/buy/pdt_0NqGkcihHxe79ekZgVhC4?redirect_url=https%3A%2F%2Fmernyx.com%2Fthanks%2F)

[Kostenlos laden](https://releases.mernyx.com/Mernyx-1.0.0.dmg)

## Warum Mernyx

Was Mernyx in den drei Zeilen tut, in denen sich die beiden Werkzeuge unterscheiden.

### Deine Datei

Es bearbeitet die .mmd-Datei selbst.

### Ändern auf dem 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.

- Nativ gezeichnet
  - ✓ Mernyx: Nativ gezeichnet: Jeder Knoten ist eine echte View, und das Layout wird auf deinem Mac berechnet.
  - ◐ VS Code: Mit nicht-nativer Technologie gerendert.
- Deine Datei
  - ✓ Mernyx: Es bearbeitet die .mmd-Datei selbst.
  - ◐ VS Code: Das Diagramm steht in einem Mermaid-Codeblock in einem Markdown-Dokument.
- Finder-Vorschau
  - ✓ Mernyx: Unterstützt
  - ○ VS Code: Nicht unterstützt
- Finder-Thumbnail
  - ✓ Mernyx: Unterstützt
  - ○ VS Code: Nicht unterstützt
- Ändern auf dem Canvas
  - ✓ Mernyx: Unterstützt
  - ○ VS Code: Nicht unterstützt
- Offline arbeiten
  - ✓ Mernyx: Kompilieren, Layout und Export passieren auf deinem Mac, also funktioniert es ohne Netz genauso.
  - ✓ VS Code: VS Code ist eine lokale App: Das Diagramm zeichnet sich ohne Netz genauso.
- Export
  - ✓ Mernyx: PNG, SVG und PDF, ohne Wasserzeichen, in der Größe, die du brauchst.
  - ○ VS Code: Die Vorschau zeichnet das Diagramm und kopiert seinen Quellcode. Ein Bild exportiert sie nicht.
- Nichts zu installieren
  - ✓ Mernyx: Eine App. Keine Erweiterung zu installieren, keine Laufzeitumgebung einzurichten.
  - ✓ VS Code: Braucht eine installierte Erweiterung.
- Teilen
  - ✓ Mernyx: Datei teilen
  - ✓ VS Code: Datei teilen
- Icons
  - ✓ Mernyx: Unterstützt
  - ✓ VS Code: Unterstützt
- AI
  - ✓ Mernyx: Bring-your-own-key: Du lieferst Endpunkt und Schlüssel, völlig ohne Einschränkung.
  - ◐ VS Code: VS Code bringt keine eigene Mermaid-AI mit.
- Kein Konto nötig
  - ✓ Mernyx: Kein Konto nötig
  - ✓ VS Code: Kein 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, kein bearbeitbares 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 das Canvas neu gezeichnet.

## Probiere es kostenlos

Lade es herunter, öffne eine Datei, die du schon hast, und sieh, ob sich das Canvas ihre $19 verdient, wenn du etwas ändern musst.

[Mernyx Pro kaufen — $19](https://checkout.dodopayments.com/buy/pdt_0NqGkcihHxe79ekZgVhC4?redirect_url=https%3A%2F%2Fmernyx.com%2Fthanks%2F)

[Kostenlos laden](https://releases.mernyx.com/Mernyx-1.0.0.dmg)