这个感觉非常实用尤其是对于大型json和yaml的查看和修改

点击前往下载

这个在VScode里也有插件

​ image-20260717195842124

使用方法就是打开一个json文件并点击这里

​ image-20260717195859548

不过付费版本的更好看,相比开源版还多支持了一个Mermaid图

image-20260717202509828

付费版也有mcp和skill

powershell
12
npm install -g @todiagram/todiagram-mcp
npx skills add todiagram/skills --skill diagram

然后搭建

yaml
123456789101112131415
{
  "mcpServers": {
    "todiagram": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@todiagram/todiagram-mcp@latest"
      ],
      "env": {
        "TODIAGRAM_API_KEY": "your-api-key-here"
      }
    }
  }
}

或者把项目克隆到本地后运行

本地的缺点是太慢了,虽然可以部署到服务器的Docker,不过感觉浪费服务器空间,因为全部文件将近一个G

其实用官方的那个网站就行了

​ image-20260717203102515

然后创建bat自启动脚本快速启动

powershell
1234
@echo off
cd /d "D:\jsoncrack.com\jsoncrack.com"
cmd /k pnpm dev
start http://localhost:3000

然后在浏览器访问这个localhost本地服务器网址

​ image-20260717203730271

然后就可以用了

​ image-20260717203810060