VS Code使用MarkDown绘制UML图

VS Code使用MarkDown绘制UML图

VS Code安装插件

安装 Markdown Preview Enhanced 插件

Markdown Preview Enhanced 是一款为 Atom 以及 Visual Studio Code 编辑器编写的超级强大的 Markdown 插件。 这款插件意在让你拥有飘逸的 Markdown 写作体验。

选择最左侧的图标安装 VS Code 扩展。

在搜索框中输入 Markdown Preview Enhanced

点击 安装，成功后，重新加载 即可。

开始写作

在工作区中的目录中新建一个 .md 文件，如Markdown写作推荐编辑器 Visual Studio Code.md。此时就可以开始你的写作之旅了，如果对 Markdown 语法不熟悉，可以参考我的上篇文章 《币乎写文章常用的Markdown语法》

在安装了 Markdown Preview Enhanced 插件后，在打开的 .md 编辑器窗口中右击，会有一个 Markdown Preview Enhanced: Open Preview 菜单

选择它后，会打开 MPE Preview 窗口，在其中右击，会出现如下图所示的菜单

选择 Open in Browser，会在浏览器中打开。在浏览器中，全选打开的内容，复制并粘贴到币乎编辑器中。

至此，一切都很顺利，唯一的缺陷就是图片上传。虽然Markdown Preview Enhanced 支持配置第三方文件托管，比如七牛，暂时不那么做了。相信币乎后面会直接支持使用 Markdown 写作的。

安装Graphviz

1、下载 Graphviz 进行安装

2、复制 Graphviz 中 bin 的安装路径

3、按 此电脑 - 属性 - 高级系统设置 - 环境变量 ，进入环境变量编辑区，对系统变量中的 Path 进行添加。

4、把刚才复制的 bin 路径添加到 Path 中

5、检测环境是否配置成功

dot -version

Markdown uml语法说明

http://archive.3zso.com/archives/plantuml-quickstart.html#sec-5-1
http://plantuml.com/zh/class-diagram

UML语法PDF--PlantUML_Language_Reference_Guide_zh.pdf