2021-08-23

一．vscode 下载安装

1.收索vscode 或者直接登陆 https://code.visualstudio.com/ 下载地址

2.选择系统的对应的版本下载，选择Stable版本，不要选择Insiders

3.双击安装vscode

4.安装完成vscode后安装 PlantUML 插件,PlantUML插件安装依赖于 Java 和 Graphviz ，所有我们要先将 Java 和 Graphviz 安装上。

二．Java 安装

1.JDK下载 http://www.oracle.com/technetwork/java/javase/downloads/index.html

2.选择你的系统对应的版本下载

3.安装JDK
下载完成以后点击安装（注意：路径不能有中文，不然会有莫名其妙的bug)
安装时自己想要放哪就放哪，这里我放的是默认的，如图:

4.配置环境变量



配置CLASSPATH

需要注意变量值前面的“.;”

5.验证配置的环境有没有成功，command(window键)+R,然后输入cmd,确定后输入命令: java、javac、java -version 几个命令，出现以下信息，说明环境变量配置成功。

三．Graphviz 安装

1.Graphviz 下载地址 https://graphviz.gitlab.io/_pages/Download/Download_windows.html
选择 .msi 下载

2.双击安装graphviz

3.装目录\bin文件夹\ (C:\Program Files (x86)\Graphviz2.38)：找到gvedit.exe文件右键 发送到桌面快捷方式，如下图：

4.将graphviz安装目录下的bin文件夹添加到Path环境变量中:

5.验证graphviz 环境变量是否配置成功， 进入windows命令行界面，输入dot -version，然后按回车，如果显示graphviz的相关版本信息，则安装配置成功。如图：

四．PlantUML 插件 安装

1.打开安装好的 vscode ，点击Extensions按钮，搜索插件PlantUML ，点击安装 install 。

五．Markdown 插件 安装

打开安装好的 vscode ，点击Extensions按钮，搜索插件Markdown ，点击安装 install ，安装 Markdown All In One 与 Markdon Preview Enhanced如图：

六．安装 Graphviz(dot)

七．画流程图的

八． 学习教程

1.PlantUML
https://plantuml.com/zh/
2. dot语言
https://www.shellcodes.org/Unix/%E4%BD%BF%E7%94%A8Graphviz%E7%BB%98%E5%9B%BE.html
https://jingyan.baidu.com/article/19020a0a72f757529c284257.html
https://graphviz.gitlab.io/_pages/doc/info/attrs.html