Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>code-reading-helper-by-mermaid-sequence-diagramNew to Visual Studio Code? Get it now.
code-reading-helper-by-mermaid-sequence-diagram

code-reading-helper-by-mermaid-sequence-diagram

kazu017

|
2 installs
| (0) | Free
show mermaid sequencediagrams in webview and click to jump function
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Mermaid Jump

Jump from Mermaid sequence diagrams → actual code in VS Code.

No heavy parsers. No WASM.
Just fast, lightweight navigation for code readers.


✨ Features

  • Jump to function/method definitions directly from Mermaid sequence diagrams
  • Works inside Markdown, .mmd, and code comments
  • Zero-config, instant response
  • Extremely lightweight (< 100 KB)

🎥 Demo

Coming soon — jump from a Mermaid sequenceDiagram to your function.


🧩 How it Works

Mermaid example:

sequenceDiagram
  Alice->>Bob: processOrder()


🚀 Usage

1 Open a Mermaid diagram (.mmd)

2 click MermaidPreviewShow

3 click on a function name to jump to its definition

That's it.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft