Repolode
AykutSarac

AykutSarac/jsoncrack.com

开源 JSON 编辑器,可将 JSON、YAML、CSV、XML 转为可交互的图形。

可替代:Oracle JSON Viewer

Star
44,515
Fork
3,577
未关闭 Issue
46
最近提交
上个月

这是什么?

JSON Crack 可将 JSON、YAML、CSV、XML 等结构化数据可视化为可交互的图形或树状结构,便于浏览嵌套数据、格式化和校验。项目提供网页应用,也有 VS Code 扩展、Chrome 扩展以及 npm 包 jsoncrack-react。

除可视化外,它还支持 JSON 转 CSV、XML 转 JSON 等格式互转,并可生成 TypeScript 接口、Golang 结构体、Kotlin 数据类、Rust serde 类型和 JSON Schema。内置 jq 与 JSONPath 查询功能,并可将图形导出为 PNG、JPEG 或 SVG。

所有数据处理均在本地完成,不会上传或存储到服务器。网页端基于 Next.js 和 React 构建,可通过 pnpm 或 Docker 在本地运行。

核心功能

  • 01将 JSON、YAML、CSV、XML 可视化为可交互的图或树。
  • 02支持 JSON 转 CSV、XML 转 JSON 等格式转换。
  • 03可生成 TypeScript、Golang、Kotlin、Rust 类型及 JSON Schema。
  • 04支持使用 jq 和 JSONPath 进行查询。
  • 05可将可视化结果导出为 PNG、JPEG 或 SVG。

适用场景

  • 浏览大型或嵌套较深的 API 响应数据。
  • 在 JSON、CSV、XML 之间快速转换数据。
  • 根据示例 JSON 生成类型定义或数据模型。
  • 在 VS Code 中直接查看和分析 JSON 文件。

快速上手

  1. 1

    克隆仓库

    git clone https://github.com/AykutSarac/jsoncrack.com.git
  2. 2

    进入项目文件夹

    cd jsoncrack.com
  3. 3

    使用 pnpm 安装依赖

    pnpm install
  4. 4

    启动网页应用,然后打开 http://localhost:3000/

    pnpm dev:www

使用前须知

  • 从源码运行需要 Node.js 24 或更高版本以及 pnpm 10 或更高版本。
  • README 只介绍了源码安装方式,未提供打包好的桌面安装程序。

标签

常见问题

jsoncrack.com 是什么?
开源 JSON 编辑器,可将 JSON、YAML、CSV、XML 转为可交互的图形。 JSON Crack 可将 JSON、YAML、CSV、XML 等结构化数据可视化为可交互的图形或树状结构,便于浏览嵌套数据、格式化和校验。项目提供网页应用,也有 VS Code 扩展、Chrome 扩展以及 npm 包 jsoncrack-react。
jsoncrack.com 可以免费使用吗?用的什么许可证?
jsoncrack.com 以 Apache-2.0 许可证开源。用于商业产品前,请先确认许可证条款。
jsoncrack.com 还在维护吗?
半年内有更新。jsoncrack.com 最近一次提交是在 2026年9月14日。
jsoncrack.com 适合用来做什么?
浏览大型或嵌套较深的 API 响应数据。 在 JSON、CSV、XML 之间快速转换数据。 根据示例 JSON 生成类型定义或数据模型。 在 VS Code 中直接查看和分析 JSON 文件。
jsoncrack.com 怎么安装和运行?
克隆仓库: git clone https://github.com/AykutSarac/jsoncrack.com.git 进入项目文件夹: cd jsoncrack.com 使用 pnpm 安装依赖: pnpm install 启动网页应用,然后打开 http://localhost:3000/: pnpm dev:www
在哪里获取 jsoncrack.com?
源代码和安装说明在 GitHub 上:https://github.com/AykutSarac/jsoncrack.com

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目