(轉)vscode實現markdown流程圖


原文:https://blog.csdn.net/LaySwift/article/details/79458947

 

1,vscode原生支持markdown,導出需要插件,基於node.js,需要node.js環境。
2,只需要裝一個預覽插件神器:Markdown Preview Enhanced。 

3,Markdown Preview Enhanced的鍵盤映射,按ctrl-shift-m or cmd-k v顯示流程圖,實時渲染

4,導出流程圖時需要安裝插件puppteer

sudo npm install -g puppeteer -ignore-scripts  # 可能會出錯

 

5.VS Code利用Markdown Preview Enhanced在Markdown中用PlantUML語法預覽不了的解決辦法 

1、PlantUML的圖形預覽依賴於Graphviz軟件。Windows版下載

2、配置環境變量
安裝好Graphviz后(比如我安裝在:D:\Software\Graphviz),添加環境變量:
變量名:GRAPHVIZ_DOT
變量值:D:\Software\Graphviz\bin\dot.exe
注:變量值是根據我的安裝目錄配置的。

這樣,在使用PlantUML語法是就不會圖形顯示不出來


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM