How to realize Cross-platform Design with VS Code and PlantUML

This article mainly shows you "VS Code and PlantUML how to achieve cross-platform design", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "how VS Code and PlantUML achieve cross-platform design" this article.

Tool introduction Visio

Under Windows operating system, Visio is a commonly used modeling tool. Visio is modeled and designed by drag and drop, which is easy to use. But it is not cross-platform.

PlantUML

PlantUML is an open source project that supports rapid drawing of sequence diagrams, use case diagrams, class diagrams, activity diagrams, component diagrams, state diagrams, object diagrams, deployment diagrams, etc. At the same time, it also supports non-UML Gantt chart, architecture chart and so on.

Installation

PlantUML can be easily integrated into other IDE tools, and here we use VS Code to integrate PlantUML.

Install VS Code

VS Code is installed by default.

Install extended application

Search for plantuml in the VS Code extension and install it.

In the description of the PlantUML extension, you can see that the extension application supports many types of files.

Install Graphviz

Graphviz is a visual graphics tool open source by AT&T Research and Lucent Bell labs, which can be easily used to draw structured graphics networks and support output in multiple formats.

Download address: http://www.graphviz.org/download/

Choose to install Stable Windows install packages here

Select the specified file according to the picture path and download it.

Extract the downloaded graphviz-2.44.1-win32.zip file and configure the path to the environment variable.

Use

Create a test.plantuml file. The contents of the document are as follows:

@ startuml class Car Driver-Car: drives > Car *-Wheel: have 4 > Car-- Person: < owns @ enduml

Use the shortcut key Alt+D to see the effect:

As can be seen on PlantUML's official website, PlantUML supports a variety of UML and non-UML formats:

By using PlantUML, we can easily implement the system design.

The above is all the content of the article "how to achieve cross-platform design with VS Code and PlantUML". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!