發(fā)現(xiàn)一款 JSON 可視化工具神器，太愛了！
今日推薦
讓人上癮的新一代開發(fā)神器，徹底告別Controller、Service、Dao等方法
相信我，使用 Stream 真的可以讓代碼更優(yōu)雅！
簡介
JSON Hero 是一個簡單實用的 JSON 工具，通過簡介美觀的 UI 及增強的額外功能，使得閱讀和理解 JSON 文檔變得更容易、直觀。
支持多種視圖以便查看 JSON：列視圖、樹視圖、JSON 視圖等 列視圖是受 macOS Finder 啟發(fā)創(chuàng)建的一種瀏覽 JSON 文檔的新方法
項目地址：
https://github.com/jsonhero-io/jsonhero-web
安裝
要在本地運行 JSON Hero，首先 clone 源代碼，并安裝相關(guān)依賴項：
git clone https://github.com/jsonhero-io/jsonhero-web.git
cd jsonhero-web
npm install
然后運行以下命令啟動，打開 http://localhost:8787 即可使用：
npm start
使用
前往 https://jsonhero.io/ 并將 JSON 文件拖拽到網(wǎng)站上，或在提供的表單中粘貼 JSON 或 JSON url
內(nèi)容預(yù)覽
JSON Hero 會自動推斷字符串的內(nèi)容，并對選擇的值提供有用的預(yù)覽和屬性。
日期和時間
圖片網(wǎng)址
網(wǎng)站網(wǎng)址
JSON URL
樹狀視圖
這個也是用的最多的，樹狀圖結(jié)構(gòu)可以很清晰的展示，看一組圖：
同時支持對JSON數(shù)據(jù)中的數(shù)據(jù)進行搜索：
重點來了！
當(dāng)你完成數(shù)據(jù)編輯或者審核后，需要分享給前端，不必復(fù)制全部數(shù)據(jù)，只需要生成指定鏈接即可，這個很方便。
整體來講，JSON Hero 支持多種試圖查看JSON數(shù)據(jù)，同時支持VS Code 等擴展，相信對經(jīng)常處理JSON的小伙伴來說，是一款很給力的工具。