(转)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语法是就不会图形显示不出来
如果是此文是转载文章,本人会附上转载链接,此篇文章的版权归原创作者所属,如果侵权请与我联系,我会删除此文。
若没有标明转载链接,此篇文章属于本人的原创文章,其版权所属:
作者:feiquan
出处:http://www.cnblogs.com/feiquan/
版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
大家写文都不容易,请尊重劳动成果~ 这里谢谢大家啦(*/ω\*)
若没有标明转载链接,此篇文章属于本人的原创文章,其版权所属:
作者:feiquan
出处:http://www.cnblogs.com/feiquan/
版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
大家写文都不容易,请尊重劳动成果~ 这里谢谢大家啦(*/ω\*)