VS code本地安装PlantUML

VS code本地安装PlantUML

  • 需要条件
  • vs code安装插件
  • 使用
  • 常见错误

需要条件

  • VS Code上安装PlantUML扩展之前,请确保您具有以下先决条件: : Java与GraphViz(点击可直接跳转下载界面); 安装省略

vs code安装插件

vs code安装以下两个插件(PlantUML,Graphviz)
VS code本地安装PlantUML_第1张图片
VS code本地安装PlantUML_第2张图片

使用

vs code 新建 demo.puml, 文件如下内容:
VS code本地安装PlantUML_第3张图片
右边就能预览到代码的效果

常见错误

  • Vs code 插件中的plantuml 的版本太低,最新的思维导图或后期新出的图不能识别;运行puml代码
@startmindmap phone

* phone
    * xiaomi
    * huawei
    * apple
 
@endmindmap
  • 提示:

VS code本地安装PlantUML_第4张图片
解决办法:在plantuml插件配置中修改为本地最新的plantuml的版本,设置指向手动下载的 plantuml.jar 文件,修改方法如下:
VS code本地安装PlantUML_第5张图片
VS code本地安装PlantUML_第6张图片
再次运行思维导图代码就可以正确显示了

VS code本地安装PlantUML_第7张图片

你可能感兴趣的:(编程语言,plantuml)