AleksandarDev / vscode-sequence-diagrams

Generates UML sequence diagrams from simple text
https://marketplace.visualstudio.com/items?itemName=AleksandarDev.vscode-sequence-diagrams
49 stars 17 forks source link

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.

Publishing

Building the extension package

yarn install
yarn vscode:prepublish

Publishing to store

Install Visual Studio Code Extensions CLI

npm install -g vsce

Login and publish the extension

vsce publish -p <token>

Enjoy!