(转)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语法是就不会图形显示不出来