VS Code 一键美化 JSON:不用安装插件

JSON 常用于接口数据和配置文件,但挤在一行时不便阅读。笔者通常直接使用 VS Code 自带的格式化功能,让数据层级清晰呈现。

01 | 使用默认格式化功能

无需安装插件。打开 JSON 文件后,使用快捷键:

  • macOS:Shift + Option + F
  • Windows:Shift + Alt + F
  • Linux:Ctrl + Shift + I

也可以在编辑器内右键,选择"格式化文档(Format Document)"。

02 | 格式化后有什么变化

格式化通常只会调整空格、换行和缩进,不会改变 JSON 表达的数据含义。字段、括号和数组层级更直观后,阅读接口返回内容、检查配置或排查问题都会轻松不少。

需要注意,内容应是可解析的 JSON,且编辑器已识别为 JSON 或 JSONC 语言模式。若存在语法错误,格式化可能失败;快捷键也可能被自定义键位或扩展覆盖。

更多说明可查看:VS Code 官方 JSON 文档

格式化前:

格式化后:

关注我,和AI一起成长~

相关推荐
譕痕2 天前
JSONObject与JSONArray封装数据格式区别
java·json
A黄俊辉A2 天前
uniapp webview中实现 app和内嵌的H5双向通信
vue.js·json
伞伞悦读2 天前
【第37期】Python JSON 与配置详解:序列化、反序列化、嵌套结构和配置文件
开发语言·python·json
Mikko72 天前
jackson-databind 升到 2.21.6 就安全了吗?jackson-core 是另一个坐标,它那条 high 全局库至今没收
java·后端·安全·json
天若有情6735 天前
独立开发复盘:我用 Node.js 做了个在线工具箱
前端·json·工具
Asurplus5 天前
【SpringBoot4】3、从SpringBoot4升级Sa-Token1.46.0报错
redis·sa-token·json·jackson·springboot4
代码中介商5 天前
C++ 预约系统实战(三):服务端实现——libevent 事件驱动与业务路由
c++·json·c/s
譕痕6 天前
notepad++安装插件 可视化展示 json串内容
json·intellij-idea
databook6 天前
DuckDB + SQL 高效分析 JSON 数据
数据分析·json·nosql
数据狐(Datafox)7 天前
1688商品列表API接口解析(附 JSON 样例)
java·开发语言·数据库·爬虫·json