【PlantUML】PlantUML 在 Eclipse 和 VS Code 中的安装与使用

本文同步发表于我的微信公众号,扫一扫文章底部的二维码或在微信搜索 及格 即可关注

前言

最近公司出于业务的需求,让我们学习plantUML,并且在公司的eclipse C++上使用。于是我在这里记录下我安装plantUML使用的过程。

plantUML介绍

中文官网:https://plantuml.com/zh/

摘抄一段官网的介绍如下:

PlantUML是一个可以快速编写UML图的组件。支持:顺序图、用例图、类图、对象图、活动图 (旧语法)、组件图、部署图、状态图、时序图。

也支持以下非UML图。:JSON数据、YAML数据、网络图(nwdiag)、线框图形界面或UI模拟(盐)、架构图、规范和描述语言(SDL)、Ditaa图、甘特图、思维导图图示、工作分解结构图(WBS)、用AsciiMath或JLaTeXMath符号进行数学计算、实体关系图(IE/ER)

通俗的来讲,就是一个使用代码绘制UML图的插件。

安装

这里我为我 Windows 电脑的 Eclipse C++ 和 VS Code 分别安装了 plantUML的支持。

Eclipse C++

下载安装

Eclipse C++ 下载地址:压缩包版,2022-06r

  1. 启动后,Help -> Eclipse Marketplace,搜索 plantUML,有一个叫 PlantUML plugin 的插件,点击 install 安装即可。
  2. 如果无法自动安装,可以去这个地址下载:地址
  3. 安装后,在 Window -> PlantUML 里应该能找到插件的若干信息,比如下图是我插件的信息:
    插件信息

使用

  1. 打开windows -> show view -> other -> PlantUML,这个操作会在界面下方生成一个view窗口.
  2. 在代码里。或者新建一个任意的txt文件。输入以下测试代码:
@startuml umltest
ben -> kitty : love
kitty -> ben : hate
@enduml

view窗口中显示的内容如下图:
在这里插入图片描述
对 view 窗口内的内容右键,可以执行复制、保存、导出等操作。

VS Code

下载安装

VS Code 官网:https://code.visualstudio.com/

扫描二维码关注公众号,回复: 15101792 查看本文章

在插件市场搜索PlantUML,安装即可。如果搜不到,地址在这里:PlantUML

使用

  1. 在文件夹下右键新建扩展名为.wsd的文件
  2. 同样输入以下测试代码:
@startuml umltest
ben -> kitty : love
kitty -> ben : hate
@enduml
  1. Alt+D键,启动预览窗口,图片如下:
    在这里插入图片描述
    窗口内有操作按钮,更多操作可以看插件的文档。

语法

待更新

微信扫一扫下方二维码即可关注 及格 :
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_37387199/article/details/126086013