【好物推荐】使用VSCode的JSON Viewer实现JSON文件的快速格式化

已于 2025-05-06 21:48:56 修改
阅读量3.1k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 009 - 好物推荐与开发工具 文章标签： vscode json ide
于 2023-09-28 13:26:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wstever/article/details/133375757
本文介绍了在面对复杂的JSON文件时，如何利用VSCode的JSON Viewer进行格式化和编辑。在客户要求提供Cyclone-DX SBOM报告的背景下，作者发现JSONView仅适合阅读，而无法满足修改需求。通过安装VSCode的JSON Viewer插件，并使用“格式化文档”功能，实现了对JSON文件的便捷操作。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、背景说明

客户要求导出一份Cyclone-DX类型的SBOM，于是跑去黑鸭子一顿操作，得到了这么一份报告。

至于为啥是这个类型的SBOM可以参考文章：
【项目实战】SBOM ，客户让我提供Sbom软件清单？

在这里插入图片描述
那肯定是下载JSON啦，更友好点。
在这里插入图片描述
文件导出之后，是这样的！这玩意根本看不懂
在这里插入图片描述
好在之前安装了JSONView（不懂安装的，可以参考文章：【好物推荐】JSONView，一款查看json数据的神器
）它能让你的JSON文件看起来，更好看 ！

了解本专栏 订阅专栏 解锁全文 超级会员免费看
VSCode打开Json 文件格式化
weixin_46472622的博客
11-16 2万+
这些方法将自动格式化JSON文件，使其以更易读的多行形式显示。如果你只想格式化文件中的一部分，可以选择相应的文本，然后执行格式化命令。
Json与字符串之间的转换
xxq929604980的博客
12-31 414
1.Json与字符串之间的转换 import json; from docutils.nodes import line fp = open("result.txt","r"); content = fp.read(); c = json.loads(content,'utf-8'); c['three']=100 print c['three']; d=json.dumps(c)
VS Code编译运行json文件配置
最新发布
qq_52787788的博客
06-26 167
【代码】VS Code编译运行json文件配置。
VS Code工具将json数据格式化
lzn20161229的博客
04-30 1万+
json数据格式化应该在工作中用到的地方特别多，为了更方便、更仔细的对json数据查看，将json数据格式化是非常有必要的。
vscode 格式化 json文件
Kp0fS的草稿纸
04-03 7055
1、全选 2、右击
vscode：格式化json
Cloud Flower的博客-专注unity
08-15 2470
参考： https://blog.youkuaiyun.com/caijunfen/article/details/70243111 说明： 安装扩展插件 json-tools 快捷键 ctrl + alt + m
VS Code Json格式化插件-JSON formatter
qq_26318597的博客
01-22 3696
vscode json 格式化插件
[vs code] json格式化插件的介绍和使用
老狼工作室的博客
12-14 5173
本文介绍了如何通过在vscode安装扩展插件来对非格式化的json文件进行格式化美化。
json viewer(json格式化和查看工具) v1.2 免费版.zip
08-22
JSON Viewer——Json格式化查看工具,可以对JSON字符串进行格式化显示，可以快速将Json字符串排列规则的树结构，以后于浏览和分析。非常适合做WEB开发或Android开发使用 json viewer中文版功能介绍 点击Format可以...
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
10-19
然后使用json-viewer.js提供的jsonViewer方法，将JSON字符串解析为JavaScript对象，并展示出来。该方法的参数为解析后的JavaScript对象。 json-viewer.js插件的一个重要特性是支持节点的动态展开和收缩，这意味着...
Jsonviewer2 notepad++格式化json数据格式得插件
04-27
使用Jsonviewer2插件格式化JSON数据： 1. 打开包含JSON数据的Notepad++文档。 2. 选择 "菜单栏 -> 插件 -> JsonViewer2 -> Format JSON"。这将自动格式化当前文档中的JSON数据，使其变得更加整洁和易读。 3. 如果...
vscode 格式化json JsFormat-master.zip
04-19
vscode 格式化json JsFormat-master.zip
vscode-beautify-json：Visual Studio代码美化JSON扩展
02-21
Visual Studio代码美化JSON扩展 轻松地在Visual Studio Code中美化丑陋的JSON。 F1>美化JSON 修订，更新和积极维护的分支。 最初的扩展看起来已被放弃，并使用了已弃用的API，对此受欢迎的扩展引起了一定的关注。 TODO也已解决。 执照 麻省理工学院 归因 原始工作从分叉。 由从制作并由许可的图标。
JsonView格式化工具和VS插件
05-20
能很好的格式化json数据，有错误的提示，使用方便，很适合查看JSON数据。 The JSON View package is a set of 3 viewers available in the following flavors: 1) A standalone viewer - JsonView.exe 2) A plugin for Fiddler 2 (http://www.fiddler2.com/) - FiddlerJsonViewer.dll 3) A visualizer for Viusal Studio 2005 - JsonVisualizer.dll The viewer supports plugins to allow you to customize the way JSON objects are displayed. Sample plugins are provided within the source. Installation ============ The archive contains the following directories: \JsonView \Fiddler \Visualizer - To use the standalone viewer, run JsonView.exe from \JsonView - To use the Fiddler2 plugin, copy the files from the \Fiddler directory to fiddler's \Inspectors directory and add the following to the section of the fiddler.exe.config: - To use the Visual Studio Visualizer, copy the JsonVisualizer.dll to the Visual Studio Visualizers directory (usually under \My Documents\Visual Studio 2005\Visualizers) and copy the following files to the IDE directory of Visual Studio (Where devenv.exe is located - \Common7\IDE): - JsonViewer.dll - JsonViewer.dll.config - Newtonsoft.Json.dll
Notepad++ v7.8.9 32-bit Json Viewer插件
07-06
2. **错误检查**：插件还提供了基本的语法验证功能，如果JSON格式有误，如缺少引号、冒号或逗号，它会高亮显示错误位置，帮助开发者快速定位并修复问题。 3. **折叠/展开节点**：对于嵌套的JSON对象和数组，用户...
【vscode-快捷键 一键JSON格式化】
qq_38428433的博客
06-04 2658
网上有很多JSON格式化工具，也有很多好用的在线json格式化工具。但是其实Vscode里面的可以直接格式化JSON，这里分享一个我常用的小插件 Prettify JSON。召唤出命令行，输入prettify JSON 即可!✿✿ヽ(°▽°)ノ✿。未格式化的JSON数据。
vscode 格式化json
热门推荐
腾讯全栈-ITCJF
04-19 7万+
安装扩展插件  json-tools   快捷键 ctrl + alt + m https://marketplace.visualstudio.com/items?itemName=eriklynd.json-tools
vscode自动格式化settings.json配置
WillRing的博客
06-29 1099
【代码】vscode自动格式化settings.json配置。
vue-json-viewer实现JSON效果【高亮、可折叠、可复制】
少年单排，记录点滴
01-06 3万+
初学前端，用的架子是 vue+element ，目前有个需求，想将string类型的json字符串，以json格式展示。 利用vue-json-viewer插件，利用这个插件，可方便快速实现 高亮，JSON折叠，copy 三种功能 ！！！ 官网地址：https://www.npmjs.com/package/vue-json-viewer 效果展示 先放最终效果： ...
json viewer插件 使用
05-23
JSON Viewer 是一款浏览器插件，可以帮助你查看和分析 JSON 格式的数据。下面是使用 JSON Viewer 插件的步骤： 1. 打开 Chrome 浏览器，进入 Chrome Web Store，搜索 "JSON Viewer" 插件并安装。 2. 打开一个包含 JSON 数据的网页，例如 https://jsonplaceholder.typicode.com/todos/1。 3. 点击浏览器地址栏右侧的 JSON Viewer 图标，将会自动打开一个新的标签页并将数据以树形结构显示出来。 4. 在新的标签页中，你可以展开或折叠每个节点，查看 JSON 数据的具体内容。 5. 你还可以使用 JSON Viewer 的搜索功能，在 JSON 数据中查找特定的键值对。 6. 如果你需要将 JSON 数据导出为文件，可以点击 JSON Viewer 工具栏中的 "Download" 按钮，选择保存的文件名和格式即可。 总之，JSON Viewer 插件是一个非常方便实用的工具，可以帮助你快速浏览和分析 JSON 数据。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

本本本添哥

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值