主要观点总结
本文介绍了JSON可视化工具神器JSON Hero的推荐和使用。该工具具有多种视图模式，支持多种功能，包括JSON数据的预览、属性推断、树状视图等。此外，文章还介绍了开源项目源码获取方式以及公众号后台的一些活动和福利。
关键观点总结
关键观点1: JSON Hero工具介绍
项目是一个简单实用的JSON工具，通过简洁美观的UI和额外功能，使阅读和理解JSON文档变得更容易和直观。支持多种视图以便查看JSON，如列视图、树视图和JSON视图等。
关键观点2: JSON Hero的功能特点
该工具可以自动推断字符串内容，并提供有用的预览和属性。支持VS Code等扩展，方便处理JSON数据。另外，它还支持生成指定链接分享数据，无需复制全部数据。
关键观点3: 开源项目源码获取
文章提到了源码获取方式，通过指定的公众号后台回复关键词即可获取所有系统。
关键观点4: 公众号活动和福利
介绍了公众号的一些活动和福利，包括赠送ChatGPT独立账号、完整的ChatGPT手册和副业赚钱手册等。
正文
推荐关注
责编：猿哥
| 来源：
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
牛逼啊！接私活必备的 N 个开源项目！赶快收藏吧
内容预览
JSON Hero 会自动推断字符串的内容，并对选择的值提供有用的预览和属性。
日期和时间
图片网址
网站网址
JSON URL
树状视图
这个也是用的最多的，树状图结构可以很清晰的展示，看一组图：
另外，搜索公众号后端架构师后台回复“神仙”，获取一份惊喜礼包。
同时支持对JSON数据中的数据进行搜索：
重点来了！
当你完成数据编辑或者审核后，需要分享给前端，不必复制全部数据，只需要生成指定链接即可，这个很方便。
整体来讲，JSON Hero 支持多种试图查看JSON数据，同时支持VS Code 等扩展，相信对经常处理JSON的小伙伴来说，是一款很给力的工具。
