讲师中心 微信公众号

工具推荐

视频效率加速
剧云
剧云

中文短剧剧本制作平台

立刻MV
立刻MV

低成本歌曲 MV、视频生成

Laper
Laper

剧本策划到成片协作

updream

一键生成高质量推广成片

VSCode中的PlantUML插件:用代码画图

大强酱_4220

大强酱_4220

发布时间:2026-01-02 03:23:16

|

274人浏览过

|

来源于php中文网

原创

若VSCode中PlantUML插件无法渲染UML图,需依次安装PlantUML插件、配置Graphviz(验证dot命令并设置路径)、配置Java环境(JDK 11+并指定java.path),再编写@startuml代码并通过Cmd+K P预览及导出PNG/SVG。

vscode中的plantuml插件:用代码画图

如果您在VSCode中安装了PlantUML插件,但无法正常渲染UML图表,则可能是由于插件未正确配置或依赖的Graphviz与Java环境缺失。以下是实现用代码绘制UML图的具体操作步骤:

本文运行环境:MacBook Air,macOS Sequoia。

一、安装PlantUML插件并验证基础功能

该步骤确保插件已成功加载,并能识别.plantuml文件类型。插件需启用语法高亮、实时预览及导出功能。

1、打开VSCode,点击左侧活动栏的扩展图标(或按快捷键Ctrl+Shift+X)。

2、在搜索框中输入PlantUML,选择由jebbs发布的官方插件,点击“安装”。

3、安装完成后重启VSCode,新建一个空白文件,将文件保存为example.plantuml,观察右下角是否显示“PlantUML”语言模式。

二、配置本地Graphviz环境

PlantUML默认使用Graphviz的dot命令生成类图、时序图等结构化图形,若未安装Graphviz,图表将无法渲染或仅显示文字描述。

1、访问https://graphviz.org/download/,下载对应macOS的.dmg安装包并完成安装。

2、打开终端,执行dot -V,确认输出类似dot - graphviz version 11.0.0的信息。

3、在VSCode设置中搜索plantuml.graphviz,将plantuml.graphviz.dot路径设为/opt/homebrew/bin/dot(Apple Silicon)或/usr/local/bin/dot(Intel Mac)。

三、配置Java运行时环境

PlantUML核心引擎以Java字节码运行,必须提供可用的JDK 11或更高版本,否则预览窗口将报错“Error: Could not find or load main class”。

1、终端中运行java -version,确认输出含11.、17.或21.字样。

2、若未安装,前往https://adoptium.net/下载Temurin JDK 17 LTS版本并安装。

3、在VSCode设置中搜索plantuml.java,将plantuml.java.path设为/Library/Java/JavaVirtualMachines/temurin-17.jdk/Contents/Home/bin/java。

四、编写并预览第一个UML类图

通过纯文本代码定义类结构,PlantUML插件可即时渲染为标准UML图形,无需绘图工具拖拽操作。

1、在example.plantuml中输入以下内容:

@startuml

Todo List for MacOS
Todo List for MacOS

仅限macOS - 通过AppleScript管理macOS提醒事项应用。支持全功能提醒管理:添加、列出、完成、删除、搜索、创建列表等。

下载

class User {

+String name

+Integer age

+login()

}

class AuthService {

+authenticate(User)

}

User --> AuthService : uses

@enduml

2、按下Cmd+K,再按P,调出命令面板,输入PlantUML: Preview Current Diagram并回车。

3、右侧将弹出实时渲染的类图,包含User与AuthService两个矩形框及带箭头的关联线。

五、导出为PNG或SVG格式

渲染后的图表可直接导出为静态图像,便于嵌入文档或演示材料,导出过程不依赖外部截图工具。

1、在预览窗口右上角点击三个点菜单图标。

2、选择Export as PNG,指定保存路径并确认。

3、如需矢量图,改选Export as SVG,导出文件可在浏览器或设计软件中无损缩放。

热门AI工具

更多
DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

相关专题

更多
string转int
string转int

在编程中,我们经常会遇到需要将字符串(str)转换为整数(int)的情况。这可能是因为我们需要对字符串进行数值计算,或者需要将用户输入的字符串转换为整数进行处理。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

7439

2023.08.02

scripterror怎么解决
scripterror怎么解决

scripterror的解决办法有检查语法、文件路径、检查网络连接、浏览器兼容性、使用try-catch语句、使用开发者工具进行调试、更新浏览器和JavaScript库或寻求专业帮助等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1069

2023.10.18

500error怎么解决
500error怎么解决

500error的解决办法有检查服务器日志、检查代码、检查服务器配置、更新软件版本、重新启动服务、调试代码和寻求帮助等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

3480

2023.10.25

class在c语言中的意思
class在c语言中的意思

在C语言中,"class" 是一个关键字,用于定义一个类。想了解更多class的相关内容,可以阅读本专题下面的文章。

4576

2024.01.03

python中class的含义
python中class的含义

本专题整合了python中class的相关内容,阅读专题下面的文章了解更多详细内容。

326

2025.12.06

vscode是什么_vscode怎么安装配置
vscode是什么_vscode怎么安装配置

VS Code(Visual Studio Code)是一款免费、开源的跨平台代码编辑器,由微软开发和维护。它被广泛用于软件开发和编程,支持多种编程语言和框架。VS Code 同时提供了丰富的功能和扩展性,使开发者可以高效地编写、编辑和调试代码。

1615

2023.06.30

vscode怎么运行代码
vscode怎么运行代码

vscode是一个运行于MacOS X、Windows和Linux之上的,针对于编写现代Web和云应用的跨平台源代码编辑器;vscode免费而且功能强大,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

3492

2023.07.21

vscode使用的框架介绍
vscode使用的框架介绍

VSCode是一款跨平台代码编辑器,它基于Electron框架和Monaco Editor构建。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2149

2024.03.14

Go-Zero API开发使用教程
Go-Zero API开发使用教程

本专题聚焦Go-Zero的API开发,拆解.api描述文件的语法结构、路由与分组定义、参数绑定与校验规则,说明统一响应体、JWT鉴权、跨域与接口文档生成的落地方式,并给出网关聚合与接口测试的实践建议。

0

2026.11.12

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
dev.java 官方:Learn Java
dev.java 官方:Learn Java

共0课时 | 0人学习

Java JDBC数据库连接官方教程
Java JDBC数据库连接官方教程

共0课时 | 0人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn