Skip to content

CDE-Card-Data-Diagram-PlanutUML-Setup

  • Install VS Code
  • In Extension search "PlantUML". Install the latest PlantUML

image.png

  • Open new tab in VS Code
  • Get the PlantUML code from our card data repo and past it here

image.png

  • Press Ctrl+Shift+P will open search box and type PlantUML

image.png

  • Press "Preview Current Diagram"

image.png

  • Now Can preview the Diagram
  • In Left side if we change anything it will automatically update the Preview
  • In bottom of the Preview Screen there is symbol "?" Press that it will show how to use Previewer

image.png

  • Export the Updated Diagram

Press Ctrl+Shift+P will open search box and type PlantUML
Select "Export Current Diagram"

image.png

Select png and svg (one by one)

image.png

It will automatically create the folder in the file path where plantUML file located and export those png and svg.

This the file need to upload in the Repo