跳到正文
Mernyx
打开菜单

Mernyx vs VS Code 画 Mermaid:预览还是编辑

VS Code 会在 Markdown 预览里画 Mermaid——那是文档里的一张图。Mernyx 管的是另一回事:图本身就是那个文件,而你想用鼠标改它。

为什么是 Mernyx

在这三行上,Mernyx 是这么做的。

你的文件

它改的就是 .mmd 文件本身

在画布上改

支持

Finder 预览

支持

什么时候该用 VS Code

你本来就在 VS Code 里写文档的话,内置的 Mermaid 预览是最近的一条路。

Markdown 文档里的图就是文档里的一张图,而 VS Code 把它渲染得很好——不用插件,不用起预览服务,也不用开第二个窗口。Mernyx 是给另一个时刻的:图不再是一张图,而就是那个文件本身——你想挪一个节点,源码得跟着变。很多人两个都用,问题不是哪个更好,而是你手里正拿着哪个。

一个机制一个机制地比

一行一个特性。左列是 Mernyx,右列是这一页要比的那个工具。

一行一个特性。左列是 Mernyx,右列是这一页要比的那个工具。
特性MernyxVS Code
原生绘制
支持原生绘制:每个节点都是真视图,布局在你的 Mac 上算
部分支持非原生技术渲染
你的文件
支持它改的就是 .mmd 文件本身
部分支持图在 Markdown 文档的一个 Mermaid 代码块里
Finder 预览
支持支持
不支持不支持
Finder 缩略图
支持支持
不支持不支持
在画布上改
支持支持
不支持不支持
离线能不能用
支持编译、布局和导出都在你的 Mac 上,没网也一样
支持VS Code 本身就是本地 App,没网也一样画
导出
支持PNG、SVG、PDF,不带水印,尺寸随你
不支持预览里能画图,也能复制源码。但它不导出图片
不用装任何东西
支持一个 App。不用装插件,不用配运行环境
支持需要安装插件
分享
支持分享文件
支持分享文件
图标
支持支持
支持支持
AI
支持Bring Your Own Key:端点和密钥都由你自己提供,完全自由
部分支持VS Code 自己不带 Mermaid 的 AI
不需要账号
支持不需要
支持不需要

常见问题

VS Code 现在能渲染 Mermaid 了吗?

需要在 Markdown 中,或者安装三方插件。

那为什么还要单独的 App?

更强的可视化编辑能力、与 macOS 系统功能(如 Quick Look)的整合,以及原生的高性能渲染。

在 VS Code 里挪一个节点,Mermaid 源码会跟着变吗?

内置的预览不会——它渲染出来的是一个结果,不是一块能编辑的画布。Mernyx 里画布和源码是同一份文档的两个视图:拖节点会重写源码,改源码会重画画布。

先免费试试

下载下来,打开一个你手头就有的文件,看看当你真的需要改点东西时,画布值不值这个 $19。