vscode plantUML多行渲染失败

最新推荐文章于 2024-11-19 10:40:48 发布
最新推荐文章于 2024-11-19 10:40:48 发布
阅读量821 收藏
点赞数
分类专栏： UML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_42081843/article/details/108710490
版权
本文介绍了如何解决在Windows 10环境下，Visual Studio Code（vscode）中plantUML预览失败，特别是针对多行渲染失败的问题。通过下载特定的msbuild安装包并设置环境变量，可以使得64位系统的vscode正常运行plantUML。

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

vscode 下 plantUML预览失败问题解决

系统： win10 需要安装下面这个安装包
/Packages/stable/windows/10/msbuild/Release/Win32
到官网下载页面，点击
在这里插入图片描述
然后
在这里插入图片描述

再进去
在这里插入图片描述
选择release
在这里插入图片描述
虽然我是64位系统，但选择这个是正常运行的
在这里插入图片描述
点击去下载
在这里插入图片描述
解压到你想要的路径，环境变量的设置就是你解压的位置
至于vscode下使用plantUML需要什么插件，环境变量需要怎么设置，java的安装及环境变量的使用，其他博客都有详细说明，本文只是遇到多行在vscode下渲染失败的问题。

最低0.47元/天 解锁文章
用dot函数C语言画矩形,Graphviz绘图 - DOT语言
weixin_42133680的博客
05-22 1258
Graphviz绘图 - DOT语言 一、关于Graphviz1.1 简介Graphviz (英文：Graph Visualization Software的缩写)是一个由AT&T实验室启动的开源工具包，可以用于绘制DOT语言脚本描述的图形。它也提供了供其它软件使用的库。Graphviz是一个自由软件，其授权为Eclipse Public License。其Mac版本曾经获得2004...
plantuml样式_PlantUml
weixin_36184307的博客
01-17 2727
顺序图：顺序图用 -> , –>, ( * ) –> Alice ：( * ) 表示起点 注释‘这是个单行注释/’这是个多行注释‘/参与者actor Foo1boundary Foo2control Foo3entity Foo4database Foo5Foo1 ->Foo2 : To boundaryFoo1 ->Foo3 : To controlFoo1 -&g...
vscode不能预览plantuml文件报错的解决方法
dreamgirl的博客
08-26 7351
vscode不能预览plantuml文件报错的解决方法 vscode在预览plantuml文件时报错，安装了jre-8u231.dotnet-sdk,graphviz ,node终于解决 报错信息如下：扩展宿主意外终止或者 Error: write EPIPE at afterWriteDispatched (internal/stream_base_commons.js:146:25) at writeGeneric (internal/stream_base_commons.js:137:3) at S
visual studio code 无法使用plantuml
Vict_99的博客
11-03 2022
最后，仔细阅读visual studio code中的plantuml的说明，提示使用plantuml必须安装java（因为plantuml是用的java）和graphviz。visual studio code 找到plantuml，安装之后，使用ALT+D，plantuml preview没有反应。找了一些教材，安装了grahpviz，并且将路径加到环境变量中，也没用。第二部，安装java，并将以下路径加到系统环境变量中。把左侧栏展示出来 activity bar。
VS Code利用Markdown Preview Enhanced在Markdown中用PlantUML预览不了的解决办法
liuyukuan的专栏
12-05 8655
转自: https://blog.youkuaiyun.com/wei549434510/article/details/79587441 在 VS Code中安装Markdown Preview Enhanced插件后，在Mrakdown使用PlantUML语法画相关UML图的不显示的问题 利用Markdown Preview Enhanced使用PlantUML语法： 1、PlantUML的图形预...
vscode使用plantuml出现Error: write EPIPE
冰冻世界
09-20 1315
修改plantuml设置，参考 { "plantuml.diagramsRoot": "docs/diagrams/src", "plantuml.exportOutDir": "docs/diagrams/out" }
PlantUML 绘图遇到的问题
秋窗的博客
06-05 990
我下载了两个插件，但是在我导出图片时，遇到这样一个问题“java.io.IOException: Cannot run program "/opt/local/bin/dot": error=2, No such file or directory”，上网搜了一下，发现还要安装graphviz软件（合着教程里的那个插件没什么用吗？），然后我就去下在这个软件。然后，我就遇到了第二个问题。这让我很头大，于是又是网上一通搜索，找到下面这篇文章，（宇宙安全声明：这是一篇搬运文章，纯粹为了记录解决一个问题的过程。
plantuml教程vscode
12-29
### 如何在 VSCode 中使用 PlantUML 的教程 #### 安装插件 为了能够在 Visual Studio Code (VSCode) 中使用 PlantUML，需要安装 `vscode-plantuml` 插件。此插件提供了丰富的 PlantUML 支持[^1]。 #### 配置环境 ...
Ubuntu16.04-VScode-PlantUML配置
dpz优快云的博客
03-21 2562
Ubuntu16.04-VScode-PlantUML配置 1. 安装JDK sudo apt-get update sudo apt-get install openjdk-8-jdk 2. 2.VScode安装 下载链接：https://code.visualstudio.com/ 点击.deb进行下载 点击“direct download link”进行下载即可。 将下载好的deb安装包...
【VSCode插件】Plantuml和Markdown搭配使用
minjor的博客
04-07 1万+
VSCode中Plantuml和Markdown搭配使用需要安装使用 需要 Java环境（PlantUML需要java环境） VSCode （不必多说） VSCode插件 PlantUML 支持在VSCode中导出PlantUML Markdown All in One 支持Markdown在VSCode中的使用，包括即时预览，快捷键，导出等命令 其他 PlantUML Se...
PlantUML for Visual Studio Code 常见问题解决方案
gitblog_00127的博客
11-19 954
PlantUML for Visual Studio Code 常见问题解决方案 vscode-plantuml Rich PlantUML support for Visual Studio Code. 项目地址: https:...
vscode asciidoc 中的 plantuml 不显示问题
h93910的专栏
08-04 1708
vs code中 ctrl+shift+p ，打开用户设置JSON，尾部加上属性如下。此目的为配置uml远程生成的服务器地址。最后打开 asciidoc 的。再 ctrl+shift+p。
VsCode 使用PlantUML
Marccco的博客
05-13 1228
主页:https://plantuml.com/zh/ vs中安装PlantUML插件 ctrl+D是预览图 使用plantUML的使用报错:Dot Executable:C:\Program Files\Graphviz2.38 it should be an executa解决方案 1 安装graphviz-2.38 这个自己去官网下载https://www.graphviz.org/download/ 2 设置环境变量 1.设置系统环境变量GRAPHVIZ_DOT： 值为安装的路径C:.
plantuml使用教程【转】
weixin_34111790的博客
04-16 2197
图跪了，请看原文：http://archive.3zso.com/archives/plantuml-quickstart.html Table of Contents 前言 什么是PlantUML 在Emacs里配置PlantUML（参考：Run it from Emacs） 其他软件里的PlantUML下载和安装 如何使用 顺序图（Sequence Diagram...
intellid idea安装plantUML插件以及错误解决
艾@七的专栏
12-02 1万+
1、下载plantUML插件 plantuml4idea.zip http://pan.baidu.com/s/1hrNaRoo 2、intellid idea离线安装plantUML插件 file =》 settings =》 plugins =》 install plugin from disk ok等待安装完成 3、安装完plantUML在使用的时候回一直
捣鼓PlantUML（三、时序图）
热门推荐
To build a better world !
05-24 6万+
简单介绍时序图（Sequence Diagram），又名序列图、循序图、顺序图，是一种UML交互图。它通过描述对象之间发送消息的时间顺序显示多个对象之间的动态协作。它可以表示用例的行为顺序，当执行一个用例行为时，其中的每条消息对应一个类操作或状态机中引起转换的触发事件。PlantUML使用->箭头将一条消息连接两个对象（参与者）。对象本身不需要特别声明。如果想使用虚线箭头，则使用–>。箭头方向调转<
几行命令就可以画流程图-PlantUML
不安分的猿人的专栏
11-06 1635
几行命令就可以画流程图，是的，你没有听错！ 一、PlantUML简介 PlantUML是一个开源项目，支持快速绘制：时序图、用例图、类图、活动图、组件图、状态图、对象图、部署图、定时图。 同时还支持以下非UML图:线框图形界面、架构图、规范和描述语言 (SDL)、Ditaa diagram、甘特图、思维导图、Work Breakdown Structure diagram、以 AsciiMath 或 JLaTeXMath 符号的数学公式、Entity Relationship diagram。 工.
使用vscode+plantuml作UML图
zhxx120的专栏
08-28 1万+
这两个插件安装好之后，就可以在vscode上通过plantuml语言作uml图，alt+d可把plantuml语言以图形形式更新展现出来。要想在vscode上作uml图，则必然是需要安装plantuml语言的插件，在安装插件里搜索栏里搜索plantuml安装如下所示。只安装plantuml还不行，因为想要把uml图显示出来，还必须要有绘图插件才行，这里就需要graphviz插件，安装如下。首先是要把vscode软件安装好，网上有很多教程，里不再赘述，下面是基于vscode软件安装好之后的步骤。.......
vscode PlantUML
最新发布
04-03
### 如何在 VSCode 中配置和使用 PlantUML 插件 #### 安装 PlantUML 插件 为了能够在 Visual Studio Code (VSCode) 中使用 PlantUML 进行序列图或类图设计，第一步是安装 PlantUML 插件。可以通过访问 VSCode 的扩展市场来完成这一操作[^1]。 #### 下载必要的依赖项 除了安装插件外，还需要确保本地环境中已正确配置 Java JDK 和 Graphviz 工具。这些工具对于渲染 UML 图形至关重要。具体来说： - **Java JDK**: PlantUML 使用 Java 来处理其脚本文件。 - **Graphviz**: 提供图形布局引擎支持，用于生成高质量的图表图像。 下载完成后需将其路径添加到系统的环境变量中以便于识别调用[^4]。 #### 实现基本功能——创建与预览 一旦上述准备工作就绪，在 VSCode 内打开一个新的 `.pu` 文件或者任何其他指定给 PlantUML 解析器关联类型的文档格式，输入相应的语法描述定义目标模型结构（比如序列图、类图）。得益于内置的功能特性，当编辑相关内容时应该能够看到即时更新的效果展示窗口[^3]。 以下是简单的例子演示如何构建一个基础版本的顺序交互流程： ```plantuml @startuml Alice -> Bob: Hello, can you help me? Bob --> Alice: Of course! What do you need assistance with? @enduml ``` 通过以上代码片段即能快速上手制作属于自己的第一个序列对话框表示形式。 #### 自动化设置增强体验感 如果希望进一步简化日常开发工作流，则可考虑调整一些高级选项参数来自定义行为模式，例如启用自动保存机制同步触发重新加载视图等功能优化整体效率水平。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值