推薦一款 JSON 可視化工具神器！
JSON Hero 是一個(gè)簡(jiǎn)單實(shí)用的 JSON 工具，通過(guò)簡(jiǎn)介美觀的 UI 及增強(qiáng)的額外功能，使得閱讀和理解 JSON 文檔變得更容易、直觀。
支持多種視圖以便查看 JSON：列視圖、樹(shù)視圖、JSON 視圖等 列視圖是受 macOS Finder 啟發(fā)創(chuàng)建的一種瀏覽 JSON 文檔的新方法
項(xiàng)目地址：
https://github.com/jsonhero-io/jsonhero-web
安裝
要在本地運(yùn)行 JSON Hero，首先 clone 源代碼，并安裝相關(guān)依賴項(xiàng)：
git clone https://github.com/jsonhero-io/jsonhero-web.git
cd jsonhero-web
npm install
然后運(yùn)行以下命令啟動(dòng)，打開(kāi) http://localhost:8787 即可使用：
npm start
使用
前往 https://jsonhero.io/ 并將 JSON 文件拖拽到網(wǎng)站上，或在提供的表單中粘貼 JSON 或 JSON url
內(nèi)容預(yù)覽
JSON Hero 會(huì)自動(dòng)推斷字符串的內(nèi)容，并對(duì)選擇的值提供有用的預(yù)覽和屬性。
日期和時(shí)間
圖片網(wǎng)址
網(wǎng)站網(wǎng)址
JSON URL
樹(shù)狀視圖
這個(gè)也是用的最多的，樹(shù)狀圖結(jié)構(gòu)可以很清晰的展示，看一組圖：
同時(shí)支持對(duì)JSON數(shù)據(jù)中的數(shù)據(jù)進(jìn)行搜索：
重點(diǎn)來(lái)了！
當(dāng)你完成數(shù)據(jù)編輯或者審核后，需要分享給前端，不必復(fù)制全部數(shù)據(jù)，只需要生成指定鏈接即可，這個(gè)很方便。
整體來(lái)講，JSON Hero 支持多種試圖查看JSON數(shù)據(jù)，同時(shí)支持VS Code 等擴(kuò)展，相信對(duì)經(jīng)常處理JSON的小伙伴來(lái)說(shuō)，是一款很給力的工具。
推薦閱讀
重磅：國(guó)產(chǎn)IDE發(fā)布，由阿里研發(fā)，完全開(kāi)源！ 并發(fā)編程的三大核心問(wèn)題 一圖了解：當(dāng)前Spring版本與Java版本的關(guān)系
你好，我是程序猿DD，10年開(kāi)發(fā)老司機(jī)、阿里云MVP、騰訊云TVP、出過(guò)書(shū)創(chuàng)過(guò)業(yè)、國(guó)企4年互聯(lián)網(wǎng)6年。從普通開(kāi)發(fā)到架構(gòu)師、再到合伙人。一路過(guò)來(lái)，給我最深的感受就是一定要不斷學(xué)習(xí)并關(guān)注前沿。只要你能堅(jiān)持下來(lái)，多思考、少抱怨、勤動(dòng)手，就很容易實(shí)現(xiàn)彎道超車(chē)！所以，不要問(wèn)我現(xiàn)在干什么是否來(lái)得及。如果你看好一個(gè)事情，一定是堅(jiān)持了才能看到希望，而不是看到希望才去堅(jiān)持。相信我，只要堅(jiān)持下來(lái)，你一定比現(xiàn)在更好！如果你還沒(méi)什么方向，可以先關(guān)注我，這里會(huì)經(jīng)常分享一些前沿資訊，幫你積累彎道超車(chē)的資本。