VSCode Sequence Diagrams

Preview

Aleksandar Toplek

|
11,340 installs
| (9) | Free
Generates UML sequence diagrams from simple text
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VSCode Sequence Diagrams

vscode-sequence-diagrams

How to

When you open .seqdiag file in Visual Studio Code, preview tab will open automatically.

If you wish to reopen the preview tab, press CTRL+SHIFT+P or F1 to open Command Palette and execute Show Sequence Diagram Preview command.

See js-sequence-diagrams for syntax details.

Configuration

property description
sequencediagrams.diagram.style The diagram style. Select between hand for hand drawn diagram or simple for diagram with simple straight lines.
sequencediagrams.preview.trigger Configure the preview refresh on every change or on file save. Select between onChange and onSave.

Enjoy!