How to Draw UML Diagram in Markdown Editor

How to Draw UML Diagram in Markdown Editor

  • Mermaid + Vscode
  • Draw Sequence Diagram Use Customer Style
  • PlantUML+VScode+ graphviz
  • Use Vscode Draw PlantUML Diagram

Mermaid + Vscode

 1. Get VScode from Website 
 2. In Vscode Install Markdown Preview Enhanced Plugin 
 3. New a file with .md Extension.
 4. Begin a Mermaid diagram with Mermaid Grammar.
 5. In markdown editor area right click mouse and click "Markdown Preview Enhanced....." item,then you will see your development.

Draw Sequence Diagram Use Customer Style

Mermaid Sequence Diagram 
--------