基于VS code的plantuml安装配置

煮雪煎茶

已于 2022-04-24 09:00:24 修改

阅读量2.1k

点赞数

文章标签： java

于 2022-04-24 08:57:02 首次发布

本文链接：https://blog.youkuaiyun.com/WU20121212/article/details/124374367

版权

本文档详细介绍了如何在Visual Studio Code(VSCode)中安装和配置PlantUML插件，包括安装VSCode、PlantUML插件、Java环境和Graphviz。同时，还指导了如何设置环境变量，以及如何通过快捷键生成和导出UML图。文章提供了清晰的步骤和截图辅助理解，适合初学者参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

plantuml安装配置

配置
- 安装vscode
  - Visual Studio Code - Code Editing. Redefined
- 安装plantuml插件
  - visual studio code 扩展商店安装
  - java安装
    - 中间 x64 Install

- - Graphviz安装
    - Download | Graphviz
- 配置环境变量
  - 需要配置的环境变量有三个，分别是：
    - ①PlantUML的plantuml.jar路径
    - ②Java的安装路径
    - ③Graphviz的dot.exe路径
  - WIN+R快速打开运行界面，输入sysdm.cpl进入到系统属性页面：

- - - 选择环境变量，打开环境变量对话框，单击下方【系统变量】下的【新建】按钮，变量名为：JAVA_HOME，对应的变量值为jdk安装的目录，如下图所示：

- - - - 还需要再path里配置java的一些环境
        新建变量名：CLASSPATH，变量值：%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar，之后点击确定，
        最后找到环境变量PATH，点击编辑，之后新建新建变量为 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
    - 然后“高级”——>“环境变量”，进入到环境变量配置页面
      - 重启或注销即可完成配置
    - 打开vs code 随便输入一段代码
    - 例如
    点击ALT+D 即可在右侧看到输出图
  - UML图进行导出
    - Ctrl+Shift+P打开主命令面板，输入Export，点击"Export Current Diagram"
    - 选择格式，比如png
    - 等上三四秒，导出成功后在窗口右下角可看到以下提示
  - 点击"View Report"可查看导出报告，一般包含导出时间、路径等信息。
  - 打开目标文件的导出目录，即可看到对应的导出文件了。
  - 参考网站
    (32条消息) vs code下安装使用plantUml插件_廊桥一梦的博客-优快云博客_plantuml vscodehttps://blog.youkuaiyun.com/u013394556/article/details/116712920?utm_source=app&app_version=5.0.1&code=app_1562916241&uLinkId=usr1mkqgl919blen