今天，推荐一个 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
牛逼啊！接私活必备的 N 个开源项目！赶快收藏吧
内容预览
JSON Hero 会自动推断字符串的内容，并对选择的值提供有用的预览和属性。
日期和时间
图片网址
网站网址
JSON URL
树状视图
这个也是用的最多的，树状图结构可以很清晰的展示，看一组图：
另外，搜索公众号后端架构师后台回复“神仙”，获取一份惊喜礼包。
同时支持对JSON数据中的数据进行搜索：
重点来了！
当你完成数据编辑或者审核后，需要分享给前端，不必复制全部数据，只需要生成指定链接即可，这个很方便。
整体来讲，JSON Hero 支持多种试图查看JSON数据，同时支持VS Code 等扩展，相信对经常处理JSON的小伙伴来说，是一款很给力的工具。
最后，想学习这个 JSON 可视化工具神器的可以查看项目地址：
项目源码，怎么领取？
源码获取
