用什么快捷键展开JSON文件?高效查看与编辑JSON的实用技巧
在开发、数据分析或日常工作中,JSON(JavaScript Object Notation)作为一种轻量级的数据交换格式,被广泛应用于配置文件、API响应、数据存储等场景,面对嵌套层级较深的JSON文件,手动展开或折叠结构往往效率低下,而合适的快捷键或工具操作,能大幅提升查看与编辑的效率,本文将详细介绍在不同工具中“展开JSON文件”的快捷键及实用技巧,帮你快速处理JSON数据。
为什么需要“展开JSON文件”?
JSON文件的核心是“键值对”的嵌套结构,当数据层级较深(如多层嵌套的对象或数组)时,默认状态下可能只显示部分内容,需要手动点击展开按钮或通过快捷键展开层级,才能:
- 清晰查看完整的数据结构;
- 快速定位特定键值对;
- 便捷修改或调试嵌套数据。
“展开”操作是高效处理JSON的基础技能。
不同工具中展开JSON的快捷键
JSON文件通常在代码编辑器、浏览器、数据库工具等环境中打开,不同工具的快捷键设计略有差异,以下是常见场景下的操作方法:
代码编辑器:VS Code、Sublime Text、WebStorm等
代码编辑器是处理JSON文件最常用的工具,其通过“代码折叠/展开”功能实现JSON层级的控制,核心快捷键类似:
(1)VS Code(Visual Studio Code)
VS Code作为主流编辑器,支持通过快捷键快速展开/折叠JSON层级:
- 展开当前层级:
Shift + Alt + [(Windows/Linux)或Shift + Option + [(Mac)
作用:展开当前光标所在的对象或数组层级 - 折叠当前层级:
Shift + Alt + ](Windows/Linux)或Shift + Option + ](Mac) - 展开全部:
Ctrl + K→Ctrl + J(Windows/Linux)或Cmd + K→Cmd + J(Mac)
注:先按Ctrl+K,再按Ctrl+J,组合触发 - 折叠全部:
Ctrl + K→Ctrl + 0(Windows/Linux)或Cmd + K→Cmd + 0(Mac)
(2)Sublime Text
Sublime Text的快捷键设计简洁:
- 展开当前层级:
Shift + Command + .(Mac)或Shift + Ctrl + .(Windows/Linux) - 折叠当前层级:
Shift + Command + ,(Mac)或Shift + Ctrl + ,(Windows/Linux) - 展开全部:
Ctrl + Shift + \(Windows/Linux/Mac) - 折叠全部:
Ctrl + K→Ctrl + 2(Windows/Linux/Mac)
(3)WebStorm/IntelliJ IDEA
JetBrains系列编辑器的快捷键逻辑一致:
- 展开当前层级:
Ctrl + +(Windows/Linux)或Cmd + +(Mac) - 折叠当前层级:
Ctrl + -(Windows/Linux)或Cmd + -(Mac) - 展开全部:
Ctrl + Shift + +(Windows/Linux)或Cmd + Shift + +(Mac) - 折叠全部:
Ctrl + Shift + -(Windows/Linux)或Cmd + Shift + -(Mac)
浏览器开发者工具(Chrome/Firefox/Edge)
调试API接口或前端数据时,常在浏览器“Network”或“Console”面板中查看JSON响应,浏览器工具支持对JSON格式的自动折叠/展开:
- 展开全部层级:
- Chrome/Edge:在JSON响应面板中,右键点击 → 选择“展开全部”(Expand All),或直接按
Ctrl + Shift + ](Windows/Linux)或Cmd + Shift + ](Mac) - Firefox:右键点击JSON数据 → “展开所有”(Expand All),或快捷键
Ctrl + Shift + +(Windows/Linux)或Cmd + Shift + +(Mac)
- Chrome/Edge:在JSON响应面板中,右键点击 → 选择“展开全部”(Expand All),或直接按
- 折叠全部层级:
- Chrome/Edge:
Ctrl + Shift + [(Windows/Linux)或Cmd + Shift + [(Mac) - Firefox:
Ctrl + Shift + -(Windows/Linux)或Cmd + Shift + -(Mac)
- Chrome/Edge:
注:浏览器中JSON通常已自动格式化,直接使用快捷键即可快速展开/折叠。
数据库/API工具:Postman、Insomnia、MongoDB Compass等
(1)Postman(API调试工具)
Postman的“Preview”或“Pretty”视图中,JSON数据默认支持折叠/展开:
- 展开当前层级:点击JSON对象左侧的
>箭头,或使用快捷键Ctrl + E(Windows/Linux)或Cmd + E(Mac)展开选中部分 - 展开全部:右键点击JSON面板 → “Expand All”,或快捷键
Ctrl + Shift + E(Windows/Linux)或Cmd + Shift + E(Mac)
(2)MongoDB Compass(数据库管理工具)
在MongoDB Compass中查看文档时,JSON结构可通过以下操作展开:
- 展开当前层级:点击字段左侧的箭头
- 展开全部:右键点击文档 → “Expand All”,或使用顶部工具栏的“展开全部”按钮
命令行工具(jq)
对于命令行爱好者,jq是处理JSON的利器,虽无传统“快捷键”,但可通过命令实现“展开”(格式化输出):
- 格式化并展开JSON:
cat file.json | jq .
注:jq .会自动格式化JSON,层级通过缩进清晰展示,相当于“展开”显示 - 折叠单行输出:
cat file.json | jq -c .
适合非交互式查看,压缩为一行
通用技巧:提升JSON处理效率的额外方法
除了快捷键,以下方法能让你更高效地处理JSON文件:
使用“自动格式化”功能
多数工具支持自动格式化JSON(将压缩的JSON转换为带缩进的可读格式),格式化后更易展开层级:
- VS Code:
Shift + Alt + F(Windows/Linux)或Shift + Option + F(Mac) - Sublime Text:
Ctrl + Shift + H(Windows/Linux/Mac) - 浏览器:右键JSON → “Format JSON”(部分浏览器支持)
安装JSON插件增强功能
在VS Code等编辑器中安装插件(如“JSON Tools”、“Pretty JSON”),可提供更丰富的操作:
- 一键格式化、压缩JSON;
- 快速跳转到特定键值对;
- 支持JSON Schema校验,避免语法错误。
使用“树形视图”工具
对于超大型JSON文件,可通过专门的树形视图工具(如“JSON Tree Viewer”在线工具、或“jq”的jq -r命令)以树状结构展示层级,直观展开/折叠节点。
不同场景下的快捷键选择
| 工具/场景 | 展开当前层级快捷键 | 展开全部快捷键 |
|---|---|---|
| VS Code | Shift + Alt + [(Win/Linux)Shift + Option + [(Mac) |
Ctrl + K → Ctrl + J(Win/Linux)Cmd + K → Cmd + J(Mac) |
| Sublime Text | Shift + Ctrl + .(Win/Linux)Shift + Command + .(Mac) |
Ctrl + Shift + \(全平台) |
| WebStorm/IntelliJ | Ctrl + +(Win/Linux)Cmd + +(Mac) |
Ctrl + Shift + +(Win/Linux)Cmd + Shift + +(Mac) |
| 浏览器开发者工具 | 点击>箭头或Ctrl + Shift + ](Win/Linux)Cmd + Shift + ](Mac) |
右键“Expand All”或Ctrl + Shift + ] |
| Postman | 点击箭头或Ctrl + E(Win/Linux)Cmd + E(Mac) |
Ctrl + Shift + E(Win/Linux)Cmd + Shift + E(Mac) |
这些快捷键和技巧,能让你在处理JSON文件时告别手动点击的繁琐,无论是查看嵌套数据、调试API还是编辑配置文件,都能效率倍增,根据自己常用的工具选择对应的快捷键,多加练习即可形成肌肉记忆



还没有评论,来说两句吧...