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

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

[购买 Mernyx Pro — $19](https://checkout.dodopayments.com/buy/pdt_0NqGkcihHxe79ekZgVhC4?redirect_url=https%3A%2F%2Fmernyx.com%2Fthanks%2F)

[免费下载](https://releases.mernyx.com/Mernyx-1.0.0.dmg)

## 为什么是 Mernyx

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

### 你的文件

它改的就是 .mmd 文件本身

### 在画布上改

支持

### Finder 预览

支持

## 什么时候该用 VS Code

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

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

## 一个机制一个机制地比

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

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

## 常见问题

### VS Code 现在能渲染 Mermaid 了吗？

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

### 那为什么还要单独的 App？

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

### 在 VS Code 里挪一个节点，Mermaid 源码会跟着变吗？

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

## 先免费试试

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

[购买 Mernyx Pro — $19](https://checkout.dodopayments.com/buy/pdt_0NqGkcihHxe79ekZgVhC4?redirect_url=https%3A%2F%2Fmernyx.com%2Fthanks%2F)

[免费下载](https://releases.mernyx.com/Mernyx-1.0.0.dmg)