发现一款 JSON 可视化工具神器，太爱了！

推荐关注

责编：猿哥 | 来源：https://blog.csdn.net/mashibingjiaoyu/article/details/126904804

往期文章：一款企业级低代码平台，具备强大定制扩展能力的低代码设计器研发功能！

正文

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

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

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

📚 项目介绍

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

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

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

2

安装

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

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

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

npm start

3

使用

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

内容预览

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

日期和时间

图片网址

网站网址

JSON URL

树状视图

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

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

重点来了！

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

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

最后，想学习这个项目的可以查看项目地址：

项目源码，怎么领取？

源码获取

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

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

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

--END--

猿哥个人微信

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

→ 技术资料共享

→ 技术交流社群

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

往日文章：

牛逼啊，团队工作的神器开源了！

一款在线爬虫系统，以图形化方式定义爬虫流程，不写代码即可完成爬虫！牛逼啊，数据库管理神器开源了！比 Navicat 还要好用！
集监控点、日志监控、数据可视化及监控告警为一体监控系统！
开源的物联网基础开发平台，快速搭建自己的物联网业务平台！

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

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