VS Code 编辑流程图、时序图等的环境配置

VS Code 搭建高效 markdown 编辑环境

VS Code 自带 Preview 预览增强

相比于 notepad++ 之流 VS Code 自带的预览功能已可圈可点了。自带预览最大的特色
就是可以完美融合所用的主题，使得整个编辑器看起来非常和谐。如果我们仅仅是做一些简单的
编辑还是非常实用的。况且 VS Code 也有许多插件可以直接作用与默认的预览，这样我们可以
通过插件对 Preview 进行增强，以获得更加美妙的体验。

其实 VS Code 的确是有许多不错的增强插件的，
但是 MPE Preview 功能非常全面，况且我也不喜欢安装过多的插件
所以就只举一个 Markdown Preview Mermaid Support 的例子。
直接按快捷键 ctrl + shift + X 搜索安装。该插件可以与内置的 markdown 预览无缝结合。
实现对 mermaid 图的支持

如以下代码：

```mermaidgraph TD;A-->B;A-->C;B-->D;C-->D;```

会得到这样的输出效果：

这里我试一下输出是能否正常输出

   graph TD;   A-->B;   A-->C;   B-->D;   C-->D;

通用 markdown 插件

1. markdownlint

就是如下插件：

该插件可以对 markdown 语法进行提示。当然提示的语法不一定符合我们的习惯，这时我们可以
根据自己的习惯对其进行 在 setting.json 文件中进行修改，比如：

这就是我对 markdownlint 不喜欢的语法提示进行屏蔽，具体设置可以参考插件帮助。

2. markdown checkbox

插件如下：

作用是利用快捷键快速创建 checkbox 对象，如下代码：

* [X] ~~*example1*~~* [ ] example2* [X] ~~*example3*~~**

以下用 GIF 图片演示：

这里的gif超过2M不能上传，所以没办法了

Markdown All in One

插件如下:

其实也就是一个关于 markdown 一些标题，代码块等的快捷键。不一定是最好的，但是也足够
用了，有兴趣可以多安装几个类似的进行比较。关于快捷键的功能就不详细介绍了。

接下来是重点部分了

Markdown Preview Enhance

该插件如下：

这是一个非常好用的 markdown 拓展插件，极大的弥补了自带预览的不足。该插件功能很多，
安装上之后，VS Code 才能成为编写 markdown 文档的神器
开发者很用心，有中文版说明。

我就不画蛇添足了。