VSCode 支持在 Markdown 中显示 Mermaid 图主要有两种方式 方式一使用内置功能 (VSCode ≥ 1.75)新版本的 VSCode 已内置 Mermaid 支持无需安装额外插件。确认版本确保您的 VSCode 版本 ≥ 1.75。编写代码块在.md文件中使用mermaid语言标识符。graph TD A[开始] -- B{判断} B --|是| C[执行操作] B --|否| D[结束] C -- D预览按CtrlShiftV打开预览即可看到渲染后的图表。 方式二安装扩展 (适用于旧版或增强需求)如果您的 VSCode 版本较旧或需要更丰富的功能可以安装以下扩展。Markdown Preview Enhanced这是一个功能强大的第三方预览插件除了 Mermaid还支持 LaTeX 公式、导出 PDF/HTML 等。安装在扩展市场搜索Markdown Preview Enhanced并安装。使用在.md文件中编写 Mermaid 代码块右键选择 “Markdown Preview Enhanced: Open Preview to the Side” 即可预览。导出支持将包含 Mermaid 图的文档直接导出为 PDF 或 HTML。但是要注意使用扩展的时候要把memaid弄成md格式。mermaid // 你的 Mermaid 图表代码写在这里 ⚠️ 注意是三个反引号 开头和结尾第二行紧接mermaid关键字然后换行写具体图表定义。