实用！一款开源的 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
使用包含 JSON 有效负载的 Base64 字符串，拼接到 jsonhero.id：jsonhero.io/new?j=eyAiZm9vIjogImJhciIgfQ==
使用包含 JSON 文件的 url 地址，拼接到 jsonhero.io：jsonhero.io/new?url=https://jsonplaceholder.typicode.com/todos/1
安装 JSON Hero 的 VS Code 扩展并从 VS Code 打开 JSON
Raycast 用户也提供了相关的扩展插件可直接安装：https://www.raycast.com/maverickdotdev/open-in-json-hero
使用非官方 API：使用以下 JSON 发出 POST 请求：

{
  "title": "test 123",
  "content": { "foo": "bar" }
}

将得到如下响应：

{
  "id": "YKKduNySH7Ub",
  "title": "test 123",
  "location": "https://jsonhero.io/j/YKKduNySH7Ub"
}

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