安装Markdown Preview Enhanced插件后，可使用$包裹行内公式、$$包裹独立公式渲染LaTeX数学表达式，并通过mermaid代码块绘制流程图、序列图等，右键预览或导出为PDF即可显示图表与公式。
要在 VSCode 中使用 Markdown 预览增强插件实现绘图和数学公式渲染，核心是安装合适的插件并正确配置语法。最常用且功能强大的插件是 Markdown Preview Enhanced，它支持流程图、时序图、LaTeX 公式等。
安装 Markdown Preview Enhanced 插件
打开 VSCode，进入扩展商店（快捷键 Ctrl+Shift+X），搜索 Markdown Preview Enhanced，点击安装。安装完成后无需额外配置即可支持大部分功能。
使用 LaTeX 渲染数学公式
该插件原生支持 LaTeX 语法。在 Markdown 文件中，使用美元符号包裹公式：
- 行内公式：用单个美元符号，例如 $E = mc^2$，会在预览中显示在文本行内。
- 独立公式：用双美元符号换行包裹，例如：
$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$
公式会居中单独显示。支持常见的 LaTeX 数学命令，如分数 \frac{a}{b}、求和 \sum、希腊字母等。
绘制流程图和序列图
插件支持通过 Mermaid.js 语法绘制图表。在 Markdown 中使用代码块并指定语言为 mermaid：
- 流程图示例：
```mermaid
graph TD;
A --> B;
A --> C;
B --> D;
C --> D;
```
右键 Markdown 文件选择“Open Preview to the Side”，或使用快捷键 Ctrl+K V，即可在侧边预览中看到渲染后的流程图。
- 序列图示例：
```mermaid
sequenceDiagram
participant Alice
participant Bob
Alice->>John: Hello John, how are you?
John-->>Alice: Great!
```
Mermaid 还支持甘特图、类图、状态图等，语法参考 Mermaid 官方文档即可。
启用本地图片和导出功能
如果需要在图表中引用本地资源或导出为 PDF/HTML，可在文件右键菜单中选择“Export to PDF”或其他格式。注意导出时路径需正确，建议使用相对路径引用图片。
基本上就这些。只要写对语法，保存后刷新预览就能看到效果。不复杂但容易忽略细节，比如 mermaid 代码块必须正确标记语言。
