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

相关推荐
January120721 小时前
【AI方法笔记】2026-11-02:模型流式吐 JSON 时,前端会遇到四种崩法
前端·人工智能·笔记·json
Frag0ut2 天前
Notepad++ 零基础入门:从记事本到代码编辑器的平滑过渡(2026最新版)
python·编辑器·html·json·notepad++·markdown·记事本
xiaoye-duck2 天前
《C++ 工具库实战》C++ 解析利器 JsonCpp:从基础使用到封装简易 JSON 工具
c++·json·第三方库
javachen__2 天前
试试Jackson:把JSON拉平成普通属性
json
limanovember3 天前
yq:命令行下的 YAML 和 JSON 处理利器
其他·json
程序员大阳4 天前
副队长JavaScript教程(65)-详解JSON:轻量级数据交换格式
javascript·json·序列化·反序列化·stringify·parse
光影6274 天前
Unittest单元测试基础速记
测试工具·单元测试·json·测试覆盖率
ZLongTeng5 天前
EIDE的launch.json文件
json
梦想不只是梦与想5 天前
Python 中的 json 模块
python·json·对象转字符串