VOOZH about

URL: https://marketplace.visualstudio.com/items?itemName=bpruitt-goddard.mermaid-markdown-syntax-highlighting

⇱ Mermaid Markdown Syntax Highlighting - Visual Studio Marketplace

Skip to content
👁 Image
| Marketplace
Sign in
Visual Studio Code>Other>Mermaid Markdown Syntax HighlightingNew to Visual Studio Code? Get it now.
👁 Mermaid Markdown Syntax Highlighting

Mermaid Markdown Syntax Highlighting

Markdown syntax support for the Mermaid charting language
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vscode-mermaid-syntax-highlight

Syntax support for the Mermaid charting language

👁 Version
👁 Installs
👁 Ratings

Supports both fenced markdown (see screenshots), and mmd files.

Screenshots/Diagrams

Graph

👁 Graph Screenshot

Sequence

👁 Sequence Diagram Screenshot

Gantt

👁 Gantt Diagram Screenshot

Pie

👁 Pie Chart Screenshot

Class Diagram

👁 Class Diagram Screenshot

State Diagram

👁 State Diagram Screenshot

Entity Relationship Diagrams

👁 Entity Relationship Diagram Screenshot

Git Graph

👁 Git Graph Screenshot

User Journey

👁 User Journey Screenshot

Requirements Diagram

👁 Requirements Diagram Screenshot

Quadrant Chart

👁 Quadrant Chart Screenshot

Architecture Diagram

👁 Architecture Diagram Screenshot

Mindmap Diagram

👁 Mindmap Diagram Screenshot

C4Container Diagram

👁 C4 Container Screenshot

ADO Support

Supports highlighting in Azure Dev Ops (ADO) colon syntax:

👁 ADO Syntax Screenshot

Initial Idea

Based on the starter language support repo here, and initially created based on the Atom language support here.

Contributing

For information on how to build/test/contribute, see the Contributing Guide.