发现一款 JSON 可视化工具神器,太爱了!
共 1117字,需浏览 3分钟
· 2022-07-06
回复 架构师获取资源
大家好,我是你们的朋友架构君,一个会写代码吟诗的架构师。
'javajgs.com';
简介
JSON Hero 是一个简单实用的 JSON 工具,通过简介美观的 UI 及增强的额外功能,使得阅读和理解 JSON 文档变得更容易、直观。
支持多种视图以便查看 JSON:列视图、树视图、JSON 视图等 列视图是受 macOS Finder 启发创建的一种浏览 JSON 文档的新方法
项目地址:
https://github.com/jsonhero-io/jsonhero-web
安装
要在本地运行 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
![](https://filescdn.proginn.com/c8c59f71f0024a9c0b39aa60192bac0d/ed51c0bc8358b4d0f7d278f110292bb2.webp)
内容预览
JSON Hero 会自动推断字符串的内容,并对选择的值提供有用的预览和属性。
日期和时间
![](https://filescdn.proginn.com/c2ec66bddc4c1eeae11bac9dce3f77c4/e63334f775f47df9080f15acfd2a6ef8.webp)
图片网址
![](https://filescdn.proginn.com/0a75aac974ca13ced205001aba707586/f93ecb4b6e9a606fc5a7109448323599.webp)
网站网址
![](https://filescdn.proginn.com/fc003ed3eecbf078d503fe8f0bbba261/477be4364e389690f3e8d7e2e57da165.webp)
JSON URL
![](https://filescdn.proginn.com/752367e190a009d1b1a3678f9cc51ff0/fc003ed3eecbf078d503fe8f0bbba261.webp)
树状视图
这个也是用的最多的,树状图结构可以很清晰的展示,看一组图:
同时支持对JSON数据中的数据进行搜索:
![](https://filescdn.proginn.com/9e6f129557bbcacf44577dd07c9380cf/9e180fa65ba87fee70ed5b7df2e5cc39.webp)
重点来了!
当你完成数据编辑或者审核后,需要分享给前端,不必复制全部数据,只需要生成指定链接即可,这个很方便。
![](https://filescdn.proginn.com/16834fbf23c8684fadbca90133df06a0/b4d1705f0497cfac5e315455abc217d3.webp)
整体来讲,JSON Hero 支持多种试图查看JSON数据,同时支持VS Code 等扩展,相信对经常处理JSON的小伙伴来说,是一款很给力的工具。
这些年小编给你分享过的干货
1.idea永久激活码(亲测可用)
2.优质ERP系统带进销存财务生产功能(附源码)
3.优质SpringBoot带工作流管理项目(附源码)
4.最好用的OA系统,拿来即用(附源码)
5.SBoot+Vue外卖系统前后端都有( 附源码 )
6.SBoot+Vue可视化大屏 拖拽项目(附源码)
转发在看就是最大的支持❤️