如何在IntelliJ/WebStorm中以紧凑对象视图查看及对比JSON？

1. 按需切换到树形对象视图（不改动默认设置） #

• 打开大JSON文件后，直接点编辑器右上角的Structure按钮（或者按快捷键 Alt+7），弹出的工具窗口就是和调试器一致的树形层级视图，能展开/收起子节点，不用反复滚动整个文件找内容。
• 嫌侧边窗口不够直观的话，右键点击编辑区域，选「Show in JSON Tree View」，会在新标签页单独打开树形视图，原文件的文本视图保留，完全不影响默认设置。

2. 同时展示多个JSON的树形视图 #

• 打开要对比的几个JSON文件，分别给每个文件开启「Show in JSON Tree View」，然后右键点标签页选「Split Vertically/Horizontally」，把几个树形视图分屏并排，就能一边看一边对比子内容。
• 也可以把每个文件的Structure窗口固定在侧边，切换文件时对应的树形结构会自动更新，随时能查看不同文件的层级。

3. 树形视图下对比JSON结构差异 #

• 打开两个要对比的JSON，先各自切换到树形视图。
• 选中两个文件的标签，右键选「Compare Files」，IDE会生成差异对比界面，树形结构里的差异会高亮显示，展开节点就能精准定位不同的子内容。
• 如果只想对比局部节点，复制另一个JSON的对应节点内容，然后在当前树形视图的节点上右键选「Compare with Clipboard」，就能快速查看局部结构的差异。

内容的提问来源于stack exchange，提问作者Chris