将vscode打造成无敌的IDE（9）太牛了vscode安装plantuml插件绘制各种uml图

已于 2022-04-24 14:59:22 修改
阅读量3.3k 收藏 7
点赞数 2
分类专栏： 嵌入式/Linux C/C++软件工程师知识体系（包括面试） # 炼丹炉打造--vscode 文章标签： vscode uml ide
于 2021-10-31 22:10:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HandsomeHong/article/details/121070991
版权
本文介绍了如何在VSCode中安装PlantUML插件，通过保存为.wsd或.plantuml文件格式，使用快捷键Alt+D即可预览UML图。该插件支持导出为PNG等格式，其绘图效果与PlantUML官网一致。

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

1、插件安装
在这里插入图片描述
2、效果预览
文件保存成.wsd,.plantuml结尾，按下alt+d即可。
在这里插入图片描述
支持导出成多种格式，包括png。

其本质原理是像默认服务器 https://www.plantuml.com/plantuml发起请求，所以和plantuml画出来效果是一样的。

将vscode打造成无敌的IDE（0）开发神器vscode介绍
二进制君
12-12 4442
介绍 Visual Studio Code（简称“VS Code” ）是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代Web和云应用的跨平台源代码编辑器，可在桌面上运行，并且可用于Windows，macOS和Linux。它具有对JavaScript，TypeScript和Node.js的内置支持，并具有丰富的其他语言（例如C++，C＃，Java，Python，PHP，Go）和运行时（例如.NET和Un.
基于 VS Code 安装 PlantUML
weixin_43550576的博客
03-20 1452
基于 VS Code 安装 PlantUML
在VSCode上画UML的三个插件
m0_61629312的博客
09-02 3348
2023年9月2日，周六晚上因为写代理模式的博客时需要画UML，所以就在网上找了半天，最后觉得VSCode上的这三个插件比较好用。
vscode plantuml插件安装使用(windows)
yuanshibiantai的博客
05-29 581
简要介绍vscode 中plantuml插件的安装使用
Ubuntu20.04 中使用vscode中编辑查看PlantUML
最新发布
lxj362343的博客
04-22 353
2、查看是否安装java，如果没有安装，会像下面提示， 我根据提示，安装最新版本的java，sudo apt install openjdk-21-jre-headless。4、新建一个my_test.puml文档， 复制一个简单的示例，粘贴，鼠标光在my_test.puml文档，中快捷键Alt+D，就可以显示了。1、plantuml需要graphviz。3、安装plantuml插件。先安装graphviz。
vscode安装使用plantuml插件
AuvKaixin的博客
09-03 1946
使用快捷键（通常是 Ctrl+Shift+P 或 Cmd+Shift+P），然后输入 PlantUML: Open All 来打开所有预览。使用快捷键（通常是 Ctrl+Shift+P 或 Cmd+Shift+P），然后输入 PlantUML: Preview 来预览图片。打开设置，确保插件配置正确。通常需要指定 PlantUML 服务器的路径。在 VSCode 的扩展市场中搜索并安装 PlantUML 插件。
VScode中的plantUML插件支持
angeling2009的专栏
01-18 2420
JAVA配置 下载安装JAVAJava Downloads | Oraclehttps://www.oracle.com/java/technologies/javase-downloads.html 配置环境变量 变量名为：JAVA_HOME，对应的变量值为jdk安装的目录
vscode cpp生成uml_VSCode的C++环境搭建，多文件编译，json调试配置（ Windows篇）
weixin_42545159的博客
01-18 990
文章目录1. 开发环境搭建：2. 代码实践演练：3. 疑问解答(1)本文与b站视频链接: https://b23.tv/HiWjVl对应(2) 以下为本次课程的图文内容1. 开发环境搭建：安装mingw-w64编译器(GCC for Windows 64 & 32 bits)、Cmake工具(选装)可自行去官网下载，网速较慢，让人崩溃公众号VSCode回复cpp可下载以上安装...
在 VSCode 中使用 PlantUML
qq_40734247的博客
10-15 5470
最近，因为工作需要绘制一些逻辑图，我自己现在使用的是 PlantUML 或者 mermaid，相比之下前者更加强大。不过它的环境也麻烦一些，mermaid 在一些软件上已经内置了。但是 PlantUML 一般需要自己本地安装或者使用远程服务器（但是网络不是很方便，而且每次想要看都必须使用远程服务器，这点更加不方便了）。所以，在本地配置一个环境是很有必要的了。
PlantUML学习（一）——在VSCode中使用PlantUML
paw5zx的博客
03-28 9802
介绍VSCode中的UML生成插件PlantUML以及其安装方法
PlantUML VSCode 插件使用教程
gitblog_00755的博客
08-13 811
PlantUML VSCode 插件使用教程 vscode-plantumlRich PlantUML support for Visual Studio Code.项目地址:https://gitcode.com/gh_mirrors/vs/vscode-plantuml 1. 项目的目录结构及介绍 PlantUML VSCode 插件的 GitHub 仓库目录结构如下： vscode-pla...
vscode-sequence-diagrams:从简单文本生成UML序列图
04-30
VSCode序列图 vscode序列图 如何 当您在Visual Studio Code中打开.seqdiag文件时，“预览”选项卡将自动打开。 如果要重新打开预览选项卡，请按CTRL+SHIFT+P或F1打开“命令面板”并执行“ Show Sequence Diagram Preview命令。 有关语法的详细信息，请参见 。 配置 财产 描述 sequencediagrams.diagram.style 图表样式。 之间选择hand为手工绘制图表或simple的用简单的直线图。 sequencediagrams.preview.trigger 在每次更改或文件保存时配置预览刷新。 在onChange和onSave之间选择。 出版 构建扩展包 yarn install yarn vscode:prepublish 发布到商店 安装Visual Studio Code Extens
Ubuntu20.04下在vscode中使用PlantUML
SPARKS_KEN的博客
05-08 988
的流程图部分（即官方说的。
用VS Code画uml
热门推荐
Hitvz的博客
12-08 3万+
1、前言 试过很多次想画类图，也试用过各种不同uml软件，但是那些图画出来，总感觉有点丑，也是一如既往的去找uml软件有什么好用的，最后发现plantUML，发现生成的格式是符合自己审美的。 2、环境 编辑器：VS Code vs code插件：okazuki PlantUML uml软件：PlantUML 辅助软件：Graphviz 3、安装插件 默认你安装了vs code了。 在vs code...
vscode中使用plantuml插件绘制活动图
榕城候佳人的博客
04-22 1999
绘制uml活动图是信息系统分析与设计的一个作业，而plantuml是很好的一个开源项目，支持各种图形的绘制。除了使用方便，它本身还支持各种插件，今天就介绍vscode对应的支持并完成商品选购功能的活动图使用简单的文字描述画UML图的开源工具。轻松从简单的文字说明创建UML图。也有许多种可用的图表。它也可以以PNG，LaTeX，EPS，SVG格式图像导出。
VS code上安装plantuml
hongyun1221的博客
03-12 1683
vs code 上安装plantuml、使用plantuml导出图片教程！保姆级！
如何在VS Code中使用PlantUML
2302_81240667的博客
05-26 2301
PlantUML需要Graphviz来生成图形，需要安装Graphviz。对于Windows系统，您可以从Graphviz官网下载安装包，并设置环境变量。要在Visual Studio Code (VS Code) 中使用PlantUML来创建UML图，按照以下步骤操作。：为了在VS Code中查看生成的UML图，您还需要安装。：打开VS Code，进入扩展商店，搜索并安装。），VS Code将显示UML图的预览。文件，并编写PlantUML代码。：在VS Code中创建一个新的。：编写完代码后，按下。
5分钟在 VSCode 中使用 PlantUML 绘图
qq_40734247的博客
05-23 1337
去年，写过一篇在 VSCode 中使用 PlantUML 的博客，那时候我嫌弃本地安装麻烦，所以采用的是在本地运行 docker 容器的方法部署的 PlantUML 服务端。不过，现在来看这样还必须依赖在本地手动启动 docker 容器（如果有一个不停机的服务器，那 docker 容器确实是一个好办法），这样确实是太麻烦了，依赖外部网络的方式又不太稳定了。所以，还是老老实实在本地安装 JAVA 环境和 jar 包这样的方式吧，而且遵循我的这篇博客，我保证你只需要 5 分钟就可以做到了（下载软件的时间不算哈。
PlantUML for Visual Studio Code 使用指南
gitblog_00554的博客
08-13 983
PlantUML for Visual Studio Code 使用指南 项目地址:https://gitcode.com/gh_mirrors/vs/vscode-plantuml 项目介绍 PlantUML 是一款广受欢迎的开源项目，它允许开发者和设计师通过简单的文本描述来生成复杂的UML图和其他多种图形。此项目提供了一个在Visual Studio Code（VS Code）中直接集成的插件...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值