Using VSCode and plantUML together to create UML diagrams and process flow diagrams

Creating UML diagrams like sequence diagrams, class diagrams, use case diagrams etc are a daily activity a developer does.

In this blog, I am going to share with you on "How to use Visual Studio Code (VSCode)" along with plantuml extension to create UML diagrams.

Here are the pre-requisites:

Download and install VSCode.
Download and install extension PlantUML.
Create a folder say create_flow_diagrams and create a directory src
Create another directory flow_diagrams_generated
Create a directory .vscode and add settings.json with the following configuration:

{
    "plantuml.commandArgs": [],
    "plantuml.diagramsRoot": "src",
    "plantuml.exportOutDir": "flow_diagrams_generated"
}

You can

Simply press command + shift + P and select export diagrams.

 Yay! you would get the diagrams exported as png or svg in the flow_diagrams_generated folder.

Codestellar