安装graphviz

关于graphviz更多介绍参考官网

# 基于MacOS系统
brew install graphviz

dot -v
# dot - graphviz version 2.40.1 (20161225.0304)

VS Code扩展

关于VS Code更多介绍参考官网

安装扩展: PlantUML

扩展地址: https://marketplace.visualstudio.com/items?itemName=jebbs.plantuml

# 命令面板(shift + command + p)

PlantUML: Preview Current Diagram

例如文件内容

@startuml

Bob -> Alice : Hello, how are you
Alice -> Bob : Fine, thank you, and you?

@enduml

此时 UML效果

plantuml-basic-01.png

VS Code使用PlantUML
关于PlantUML更多介绍参考官网目录安装graphviz VS-Code扩展使用PlantUML 安装g...
VS Code中使用PlantUML绘图
声明：本文为本人原创，在 CSDN 首发。通过 CSDN 和简书两个平台发布。 PlantUML 是一个开源项目，...
在vscode中创建自定义代码模并支持vue cli开发
使用vs code vs code真香，很多编译器都是基于vs code再开发。在这埋在有一些vs code的使用...
Coder：进击的服务器Web版VSCode
自从用上 VS Code 之后，断断续续写过几篇文章。比如： VS Code 使用初体验 VS Code 常用快捷...
微软发布 VS Code Remote 开发插件，远程开发正流行
5月3日微软发布了VS Code Remote ，以后可以使用VS code进行远程开发了。 VS Code Re...
Vue笔记
Vue笔记一：环境配置开发工具使用VS Code，Window使用nvm安装管理node版本。VS Code安装...
vscode 免费视频教程
VS Code教程 VS Code简介 VS Code 界面 VS Code各种视图 VS Code主题 VS C...
VS Code导学视频，教你如何入门！
VS Code教程 VS Code简介 VS Code 界面 VS Code各种视图 VS Code主题 VS C...
VS code 使用 Remote-SSH 进行python远程
My Blog: vscode使用remote-ssh进行远程开发 VS code 远程开发插件 VS code的...
使用vs code 编写.vue文件实现html代码补全功能
使用vs code 编写.vue文件实现html代码补全功能一、HTML Snippets 在vs code中下...