VS Code利用Markdown Preview Enhanced在Markdown中用PlantUML預覽不了的解決辦法
轉自: https://blog.csdn.net/wei549434510/article/details/79587441
在 VS Code中安裝Markdown Preview Enhanced外掛後，在Mrakdown使用PlantUML語法畫相關UML圖的不顯示的問題
利用Markdown Preview Enhanced使用PlantUML語法：
1、PlantUML的圖形預覽依賴於Graphviz軟體。Windows版下載
2、配置環境變數
安裝好Graphviz後（比如我安裝在：D:\Software\Graphviz），新增環境變數：
變數名：GRAPHVIZ_DOT
變數值：D:\Software\Graphviz\bin\dot.exe
注：變數值是根據我的安裝目錄配置的。
這樣，可以使用PlantUML語法顯示圖形了。
使用VS CODE+PlantUML高效畫圖
PlantUML是一個快速建立UML圖形的元件，官網上之所以稱它是一個元件，我想主要是因為多數情況下我們都是在Eclipse、NetBenas、Intellijidea、 Emacs、Word、VS CODE、Sublime等軟體裡來使用PlantUML（參看各軟體相關配置）。
PlantUML支援的圖形有：
- sequence diagram,
- use case diagram,
- class diagram,
- activity diagram (here is the new syntax),
- component diagram,
- state diagram,
- object diagram,
- wireframe graphical interface
PlantUML通過簡單和直觀的語言來定義圖形，它可以生成PNG、SVG和二進位制 圖片。下面是一個簡單的示例：
@startuml
Bob -> Alice : Hello, how are you
Alice -> Bob : Fine, thank you, and you?
@enduml
安裝plantuml
plantuml實際上是安裝的外掛（VS CODE外掛），需要graphviz渲染畫圖，以及需要安裝java支撐plantuml執行
- 首先你需要安裝VS CODE，一般都有
- 安裝plantuml外掛
- 去 graphviz官網下載其安裝包
- 安裝java
安裝好之後，新建一個檔案，使用上面的示例，拷貝之後，在win32下是alt+d，mac下是command+d即可生成相關uml圖
將指令碼匯出成圖片
在指令碼處右鍵，即有匯出圖片的選項
語法
語法可以參照這篇文章，非常詳細
http://archive.3zso.com/archives/plantuml-quickstart.html#sec-5-1
或者想快速用可以參考這篇，比較簡略
http://www.jianshu.com/p/e92a52770832