ubuntu利用vs code使用graphviz画流程图

今天由于需要画流程图，导师推荐使用graphviz进行绘画，真心感慨--画图神器呀！！！

划重点

先把做法给公布了：利用vs code 画graphviz图，只需要安装插件Graphviz（dot） language support for Visual Studio Code就好了，然后可以利用组合键命令 Ctrl+k 、v，实现边写代码边预览效果图（那效果是杠杠滴）

1：ubuntu安装graphviz

直接执行 sudo apt-get install graphviz，然后按照提示需要安装依赖就安装上去就好了，这里就不再花费时间表述。

2：使用graphviz进行画图

（1）graphviz能够让我们利用代码进行表示，可以让我们直观的画出点对点之间直接的联系，并且最后形成流程图；

（2）graphviz使用dot布局文件，即是文件后缀为.dot，下面是一个实例：

创建文件first.dot:

digraph first{
    a[lable="这是a" shape="diamond"];
    b[lable="这是b" shape&#