<p align="center"> <a href="https://github.com/AykutSarac/jsoncrack.com"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/092fa501-254d-46e8-82b8-a1d51cc6b2c4.png" height="300" alt="标志"> </a> <h3 align="center">JSON Crack（前身为 JSON Visio）</h3> <p align="center"> 开源 JSON 编辑器。 <br /> <a href="https://jsoncrack.com"><strong>了解更多 »</strong></a> <br /> <br /> <a href="https://discord.gg/yVyTtCRueq">Discord</a> · <a href="https://jsoncrack.com">网站</a> · <a href="https://github.com/AykutSarac/jsoncrack.com/issues">问题</a> · <a href="https://marketplace.visualstudio.com/items?itemName=AykutSarac.jsoncrack-vscode">VS Code</a> </p> </p>

关于项目

不止是 JSON 编辑器

JSON Crack 是一款免费的开源数据可视化应用，能够将 JSON、YAML、XML、CSV 等数据格式可视化为交互式图表。凭借其直观且用户友好的界面，JSON Crack 使探索、分析和理解最复杂的数据结构变得简单。无论你是一个从事大型项目的开发人员，还是一个寻求揭示隐藏洞察的数据爱好者，JSON Crack 都能为你提供充分发掘数据潜力所需的工具和功能。

暗黑模式。
图形和树形视图模式。
利用 AI 转换和过滤数据。
导出为 PNG、SVG、JPEG 和剪贴板。
支持触摸手势的缩放和平移。
支持 JSON、YAML、CSV、XML、TOML 等数据格式。
JQ、JSON Schema、解码 JWT、生成类型和接口。
广泛的工具 - 图形搜索、JSON 路径、验证、保存到云端等。
可嵌入的 iframe 小部件。

认可

技术栈

保持最新

JSON Crack 于 2022 年 2 月 17 日正式发布 v1.0 版本，至今我们已经取得了长足的进步。关注此仓库的发布以获取未来更新的通知：

入门

要在本地运行，请按照以下简单步骤操作。

先决条件

以下是运行 JSON Crack 所需的条件。

Node.js（版本：>=18.x）
Pnpm（推荐）

开发

设置

将仓库克隆到公共 GitHub 仓库（或 fork https://github.com/AykutSarac/jsoncrack.com/fork）。如果你计划分发代码，请阅读`LICENSE`以了解其他详情。
```
git clone https://github.com/AykutSarac/jsoncrack.com.git
```
进入项目文件夹
```
cd jsoncrack.com
```
使用 yarn 安装包
```
pnpm install
```

运行项目

pnpm dev

# 运行在 http://localhost:3000/

Docker

🐳 在仓库根目录提供了一个Dockerfile。如果你想在本地运行 JSON Crack：

# 构建 Docker 镜像：
docker build -t jsoncrack .

# 使用 `docker run` 在本地运行
docker run -p 8888:8080 jsoncrack

# 使用 `docker-compose` 在本地运行
docker-compose up -d

# 访问 http://localhost:8888