【VS Code】Windows10下VS Code配置Graphviz和DOT语言环境

这篇文章属于本人参考诸多博客、教程、文档等资料，所撰写的「Windows10上配置VS Code」系列文章之一，内容随时可能发生更新变动，欢迎关注和收藏VS Code系列配置总目录一文以作备忘。

在获取了VS Code编辑器之后，我们将在VS Code中配置Graphviz和DOT的语言学习环境。此外，常用的Graphviz+DOT语法，可以见【有用工具】画图工具之Graphviz学习笔记这篇文章。

---

0. Graphviz官方资料

Graphviz是一款开源的图形可视化软件，能够将结构化信息表示为抽象图和网络，在计算机网络、生物信息学、数据库、网页设计等诸多领域的可视化界面等都有重要的应用。就我个人而言，可以很方便地使用它来绘制数据结构和算法设计中的说明图。

Graphviz布局程序用一种简单的文本语言Dot来描述图表，为具体的图提供了很多特性，比如颜色、字体、表格节点布局、线条样式、超链接、自定义形状等，并用有意义的格式来制作图表——比如网页上的图像和SVG、其他文档包含的PDF或Postscript，或者在交互式图表浏览器中展示。

我们打开Graphviz官网，如下所示：

Documentation 链接指向相关教程和文档，The DOT Language 则介绍了DOT语言的抽象语法定义、词法和语法分析的一些细节，Command Line 则介绍了DOT命令行参数、各个环境变量的具体含义……建议把文档部分好好看一下：

---

1. 下载和安装Graphviz

点击 Download 下载链接，进入下载页面，下载合适的版本：

下载后运行安装程序：

同意许可证协议：

自动添加系统变量：

选择安装位置：

在开始菜单中创建快捷方式，再点击安装：

最后完成安装：

现在打开命令行，输入 dot -v 显示版本信息，说明安装成功：