VScode添加Graphviz生成各种图--Apple的学习笔
2020-05-02 本文已影响0人
applecai
最近我学习各种工具，新的好用的更加在不断的冒出来。看人工智能的论文中，经常发现描述神经网络的图很漂亮，是怎么做出来的呢？按我现在使用的亿图，visio，EA，startUML，xmind等工具，貌似画起来比较费时间的。当然也可以用autocad画，哈哈~
但是我最想做的不是自己画，而是自动生成，比如时序图或者流程图能否自动生成？查到网上有的，免费的图片很难看，收费的没尝试。若要自己做的话，等于把代码翻译为流程图。最简单的自动生成就是流程图。这个需要参考编译器设计原理的第一步，用正则表达式解析格式及关键字，比如if，for，switch等，可以保持为json格式，然后再转换为图，所以自制工具还是比较复杂的。过程中发现了graphviz中dot能画很多漂亮的图片。比如链表图，用dot画就很简单。之前也用graphviz，主要是doxygen中的插件，用来生成函数调用图的。原来dot语言那么强大。
于是乎不想在cmd中使用，在vscode中安装了dot插件，用于实施预览。
安装“Graphviz (dot) language support for Visual Studio Code”，然后选择设置，输入关键字dot，然后选择settings.json。最后添加一行graphviz的安装路径
"graphvizPreview.dotPath": "D:\Program Files (x86)\Graphviz2.38\bin\dot.exe"
image.png
输入ctrl+shift+P，然后选择graphviz:open preview to the side即可（ctrl+K V组合键没有用）
image.png
