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

Mermaid Markdown Syntax Highlighting

Brian Pruitt-Goddard

|
199,157 installs
| (10) | Free
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

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.

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft