一款神仙儿 JSON 可视化工具神器，绝了！

推荐关注

责编：猿哥 | 来源：GitHub猿 整理

往期文章：这是我见过最好的监控系统！

正文

大家好，我是GitHub猿。今天，推荐一个 JSON 可视化工具神器目。猿哥第一次使用就有点上头，爱不释手，必须要推荐给大家。

上次是谁要的 JSON 可视化工具神器啊，猿哥帮你找到了。

这是我目前见过最好的 JSON 可视化工具神器。功能完整，代码结构清晰。值得推荐。

📚 项目介绍

最近猿哥在逛网站的时候发现一个不错的开源项目，这个项目目前收获了 3.9K Star，我猿觉得不错，值得拿出来和大家分享下。

本项目是一个简单实用的 JSON 工具，通过简介美观的 UI 及增强的额外功能，使得阅读和理解 JSON 文档变得更容易、直观。扩展：接私活儿

支持多种视图以便查看 JSON：列视图、树视图、JSON 视图等 列视图是受 macOS Finder 启发创建的一种浏览 JSON 文档的新方法

项目地址：

在公众号Java架构师技术后台回复【JSON可视化】即可获取所有系统。

安装

要在本地运行 JSON Hero，首先 clone 源代码，并安装相关依赖项：

git clone https://github.com/jsonhero-io/jsonhero-web.git
cd jsonhero-web
npm install

然后运行以下命令启动，打开 http://localhost:8787 即可使用：

npm start

使用

前往 https://jsonhero.io/ 并将 JSON 文件拖拽到网站上，或在提供的表单中粘贴 JSON 或 JSON url

内容预览

JSON Hero 会自动推断字符串的内容，并对选择的值提供有用的预览和属性。

日期和时间

图片网址

网站网址

JSON URL

树状视图

这个也是用的最多的，树状图结构可以很清晰的展示，看一组图：

另外，搜索公众号后端架构师后台回复“神仙”，获取一份惊喜礼包。

同时支持对JSON数据中的数据进行搜索：

重点来了！

当你完成数据编辑或者审核后，需要分享给前端，不必复制全部数据，只需要生成指定链接即可，这个很方便。

整体来讲，JSON Hero 支持多种试图查看JSON数据，同时支持VS Code 等扩展，相信对经常处理JSON的小伙伴来说，是一款很给力的工具。

最后，想学习这个 JSON 可视化工具神器的可以查看项目地址：

项目源码，怎么领取？

源码获取

扫码下方二维码，后台回复【JSON可视化】即可获取所有系统

欢迎有需要的同学试试，如果本文对您有帮助，也请帮忙点个 赞 + 在看 啦！❤️

在 GitHub猿 还有更多优质项目系统学习资源，欢迎分享给其他同学吧！

--END--

猿哥个人微信

添加猿哥个人微信即送一份惊喜大礼包

→ 技术资料共享

→ 技术交流社群

版权申明：内容来源网络，版权归原创者所有。除非无法确认，我们都会标明作者及出处，如有侵权烦请告知，我们会立即删除并表示歉意。谢谢!

往日文章：

牛逼！这个低代码生成器，现在开源了！
花了2小时，搭建了一个项目，值了 ~轻松支持上千万数据千万PV，一个已走向海外的成熟CMS系统！一个极易扩展的开源无代码和低代码开发平台！
一款神仙儿分布式网盘系统

最近，GitHub猿建了一个「GitHub猿交流群」，欢迎大家一起交流优秀开源项目，也可以宣传自己的开源项目，在 「GitHub猿」公众号后台回复【加群】邀请你入群。

你点的每个赞，我都认真当成了喜欢