PlantUML in 3 steps (VSCode)

最新推荐文章于 2023-05-08 22:30:04 发布
最新推荐文章于 2023-05-08 22:30:04 发布
阅读量233 收藏
点赞数
分类专栏： Use VSCode 文章标签： PlantUML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46841421/article/details/110221671
版权

After install Extension of PlantUML in VSCode, follow these 3 steps to export your first PlantUML picture.

Step1: create file[1]

代码的文件的扩展名可以如一下：*.wsd, *.pu, *.puml, *.plantuml, *.iuml.

Step2: a simple example[1]

@startuml
Red -[#red]> Green : To start
Green -[#green]-> Red : To stop
@enduml

按Alt+D或者Option+D可预览生成的图表

Step3: how to export?[2]

F1/ctrl+shift+p; PlantUML:导出当前图表；选择导出格式png；导出即可。

Ref

[1] vscode中plantuml的使用
[2] 使用VS CODE+PlantUML高效画图
[3] 捣鼓PlantUML（三、时序图）

ShaneRun
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用vscode的plantuml导出图片不完整
欢迎....
11-10 6765
解决办法： 1、打开vscode的设置 2、点击进入json编辑 3、加入配置信息 "plantuml.jarArgs": [ "-DPLANTUML_LIMIT_SIZE=8129" ] 4. 保存，重启vsCode即可！
PlantUML in a nutshell(官方文档)
江州司马
03-27 362
PlantUML in a nutshell PlantUML是一个开源项目，支持快速绘制： 时序图 用例图 类图 活动图(旧版语法在此处) 组件图 状态图 对象图 部署图转存失败重新上传取消 定时图转存失败重新上传取消 同时还支持以下非UML图: Network 线框图形界面 架构图 规范和描述语言 (SDL) Ditaa diagram 甘特图...
plantUML
世界SB来相会
12-16 937
plantUml
vscode之plantUML流程图
weixin_42703045的博客
11-10 2788
基于vscode的plantuml插件绘制流程图
vscode plantuml插件输出大图被截取的解决方案
qq_41456651的博客
08-16 2897
首先，多谢知春秋前辈的 PlantUML导出大图被截取和乱码 一文 问题描述： vscode使用plantuml在导出png图片时大小超过一定限制会被截取，不能输出完整的图片。 解决思路： 在运行plantuml.jar时添加参数 -DPLANTUML_LIMIT_SIZE=8129 ，将限制长度增加，从而达到导出图不被截取的目的。 解决方案： 使用快捷键ctrl+, 打开vscode设置，按图示进入setting.json 然后在其中输入 -DPLANTUML_LIMIT_SIZE=8129 .
Ubuntu20.04下在vscode中使用PlantUML
最新发布
SPARKS_KEN的博客
05-08 499
的流程图部分（即官方说的。
VSCode 中使用 PlantUML 插件画图（一）
daocaoren94的博客
05-25 9444
1，安装JDK并配置java环境。JDK安装包可以在https://www.oracle.com/java/technologies/javase-downloads.html下载符合你电脑配置的jdk安装包。 安装完成后一定要配置环境变量。首先右键我的电脑，选择属性，接着进入左侧的高级系统设置 选择环境变量，打开环境变量对话框，单击下方【系统变量】下的【新建】按钮，变量名为：JAVA_HOME，对应的变量值为jdk安装的目录，如下图所示： 点击确定。然后新建变量名：CLASSPATH，变量值：.;%
PlantUML导出大图被截取和乱码
一叶知春秋
11-06 6411
问题 (1)IDEA中的PlantUML插件导出大图的时候只导出了部分，如果缩小后导出放大将模糊。 (2)使用PlantUML官方提供的jar包导出存在一样的问题同时中文将乱码。 原因 (1)PlantUML限制图像的宽度和高度为4096。如果长度超出范围将截取。 (2)中文乱码是由于PlantUML使用平台（系统）的默认字符集（一般是windows-1252）。 解决方法 使用PlantUML官...
使用vscode+plantuml作UML图
zhxx120的专栏
08-28 1万+
这两个插件安装好之后，就可以在vscode上通过plantuml语言作uml图，alt+d可把plantuml语言以图形形式更新展现出来。要想在vscode上作uml图，则必然是需要安装plantuml语言的插件，在安装插件里搜索栏里搜索plantuml安装如下所示。只安装plantuml还不行，因为想要把uml图显示出来，还必须要有绘图插件才行，这里就需要graphviz插件，安装如下。首先是要把vscode软件安装好，网上有很多教程，里不再赘述，下面是基于vscode软件安装好之后的步骤。.......
玩转vscode支持PlantUML绘制预览流程图
zhaoem82的博客
02-18 1万+
软件设计中，有好几种图需要...
[UML]Visual Studio Code中使用PlantUML画图
混迹于移动互联网和手机行业
11-14 4614
安装 https://www.jianshu.com/p/ed0e979657f4 使用教程 https://usermanual.wiki/Pdf/PlantUMLLanguageReferenceGuideZH.1851971531/view PlantUML很强大
在VSCode中使用PlantUML
郝伟老师的博客——大数据、并行计算与人工智能时代
10-28 6630
前言 PlantUML是一种功能非常强大的UML描述语言。本文将介绍如何在VS中安装。 下载插件 首先，在VS中安装MPE，然后在以下网址下载核心插件 Graphviz 。 安装 下载安装以后，将程序解压至 C:\Program Files (x86)\Graphviz\。 配置环境变量 在系统中配置环境变量，将 C:\Program Files (x86)\Graphviz\bin 添加至Path中即可。 测试 如下所示，即表示运行成功 ...
VS Code中使用PlantUML绘图
热门推荐
王敏的专栏
08-24 3万+
PlantUML 是一个开源项目，支持通过脚本绘图，是一种建模语言。根据 http://plantuml.com/zh/，PlantUML 可以绘制如下种类的 UML 图： 时序图 用例图 类图 活动图 组件图 状态图 对象图 部署图 定时图 同时还支持以下非 UML 图: 线框图形界面 架构图 规范和描述语言 (SDL) Ditaa diagram 甘特图 思维导图 Work Breakd...
VSCODE+PLANTUML环境配置
蜗牛博客
06-26 8339
VSCODE+PLANTUML环境配置 安装JAVA 下载地址： https://www.oracle.com/java/technologies/javase-downloads.html 选择对应自己电脑版本的安装包，个人下载的是jdk-16.0.1_windows-x64_bin.exe版本 勾选接受即可下载 配置环境： 选择环境变量，打开环境变量对话框，单击下方【系统变量】下的【新建】按钮，变量名为：JAVA_HOME，对应的变量值为jdk安装的目录，如下图所示：
PlantUML 使用
chenbifeng的专栏
06-02 5637
用了一款android studio的 画图插件，觉得还行，推荐给大家下。         安装方式： 首先安装好 Graphviz，然后安装 android studio 插件即可 详细使用网址： http://plantuml.com/classes.html (官网) http://archive.3zso.com/archives/plantuml-quickstar
Windows之VS Code安装
月生的静心苑
12-03 1112
Visual Studio Code（简称 VS Code）是一个由微软开发，可用于Windows、macOS和Linux。Visual Studio代码是一个轻量级但功能强大的源代码编辑器。Visual Studio Code 默认支持非常多的编程语言，包括 JavaScript、TypeScript、CSS 和 HTML；也可以通过下载扩展支持 Python、C/C++、Java 和 Go 在内的其他语言。支持功能包括语法高亮、括号补全、代码折叠和代码片段；对于部分语言，可以使用 IntelliSens
将vscode打造成无敌的IDE（9）太牛了vscode安装plantuml插件绘制各种uml图
二进制君
10-31 2506
1、插件安装 2、效果预览 文件保存成.wsd,.plantuml结尾，按下alt+d即可。 支持导出成多种格式，包括png。 其本质原理是像默认服务器 https://www.plantuml.com/plantuml发起请求，所以和plantuml画出来效果是一样的。 ...
plantuml 编程式画图
方丈的寺院
12-31 2263
摘要画时序图，类图等各种UML图时，对于部分程序员是一件比较痛苦的活，1个原因是缺乏美感，画出来的图太难看，另外一个是拖拽式的迁移性不好，不能灵活变更。所以如果能够使用编程模式，然后通过第三方工具渲染出图片方式就大大解放了生产力。前言之前也有用过https://www.websequencediagrams.com/来画时序图，这个和plantuml画时序图的语法是一样的，不过websequence
使用VSCode+PlantUML+C4-Model快速画架构图
smilejiasmile的博客
02-22 7993
使用VSCode+PlantUML+C4-Model快速画架构图 关于C4-Model 最近在看C4-Model，它的理念很实用，架构图要明确面向人群，根据面向人群的不同，产出四幅图来描述一个系统或者一个架构。System Context --> Container --> Component --> Code 四个层次。 层级 具体每个层级的图形用来描述什么，可以参...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值