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一起成长~

相关推荐
IT_Octopus1 小时前
JSON 日志里的 `{“$ref“:“$.xxx“}`:从 fastjson 兼容包到原生 fastjson2 的迁移实录
开发语言·python·json
数据狐(Datafox)6 小时前
mercadolibre.item_get 工程实战:美客多商品详情API技术解析与落地应用
java·人工智能·mysql·json
Fcy6487 小时前
Linux下 应⽤层⾃定义协议与序列化(JSON方法)
linux·json
半亩码田1 天前
C#转Python第4.4篇:JSON 处理:json 模块 vs System.Text.Json
python·c#·json
清水白石0082 天前
Python 类型设计深度解析:TypedDict 能否替代 dataclass?从 JSON 数据边界到 API 设计的最佳实践
java·python·json
DevOpenClub2 天前
网页采集如何稳定输出结构化数据:JSON、链接与快照三阶段流水线
数据库·json·api
霸道流氓气质2 天前
Spring AI 结构化输出:JSON Mode 与 BeanOutputConverter
人工智能·spring·json
SelectDB3 天前
StarRocks 适合做日志分析吗?
数据分析·json·自动化运维
SelectDB3 天前
为什么 JSON 正在成为分析数据库新的竞争点?
数据库·json·agent
江畔柳前堤4 天前
字节跳动产品全景图:从应用表象到技术深海的七层解剖
人工智能·chatgpt·架构·json·batch