1. 在线编辑器：

• Mermaid Live Editor：官方提供的在线编辑器，功能全面，支持实时编辑和预览流程图、序列图、甘特图等，还能将结果保存为 svg 等格式，也可获取图表查看器或编辑图表的链接以便分享与协作。地址 https://mermaid.live。

2. 在 VS Code 中安装 “Mermaid” 相关插件绘制图表

1. 安装 Mermaid 插件
   • 打开 VS Code 软件。
   • 安装“Markdown Preview Mermaid Support” 插件
2. 创建 Markdown 文件 test.md
3. 使用 Mermaid 语法绘制图表

```mermaid
graph LR;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

可以预览

完成