VSCode双击打不开JSON预览需检查语言模式是否为JSON;折叠失效多因语法错误;表格化查看优先用搜索或导出CSV;大文件卡顿应裁剪或禁用验证。

JSON文件双击打不开预览?先确认是否禁用了内置JSON语言支持
VSCode 默认能语法高亮 package.json、tsconfig.json 等常见 JSON 文件,但如果你双击打开一个 data.json 却只看到纯文本(无折叠、无悬停结构提示),大概率是 VSCode 没把它识别为 JSON 类型。这不是插件问题,而是文件关联没生效。
解决方法很简单:
- 打开该 JSON 文件,在右下角状态栏点击当前语言模式(比如显示 “Plain Text”)
- 在弹出的输入框中输入
json,选择JSON(不是JSON with Comments) - 点右上角“✅”保存语言模式,或直接按
Ctrl+Shift+P(Win) /Cmd+Shift+P(Mac),运行命令Change Language Mode
如果想一劳永逸,可在 settings.json 中加这条配置:
"files.associations": {"*.json": "json"}注意:不要写成 "*.jsonc" 或漏掉引号,否则不生效。
想展开/折叠字段却点不动?检查是否启用了 JSON 折叠支持
VSCode 1.70+ 版本起,原生 JSON 语言模式默认开启代码折叠(Ctrl+Shift+[ / ]),但前提是 JSON 格式严格合法——哪怕多一个逗号、少一个引号,折叠功能就会整体失效,连小三角都不显示。
验证和修复步骤:
- 打开命令面板(
Ctrl+Shift+P),运行Developer: Toggle Developer Tools,切换到 Console 标签页,看是否有Invalid JSON报错 - 用
Ctrl+Shift+I(或右键 → “检查元素”)查看编辑器 DOM,如果.fold-placeholder元素完全不存在,基本可判定是语法错误阻断了折叠初始化 - 临时用在线校验工具(如 jsonlint.com)粘贴内容验证;本地可用命令行:
npx json -c data.json(需全局安装json包)
别依赖插件绕过语法检查——强行渲染错误 JSON 容易掩盖真实数据结构问题。
需要表格化查看或搜索字段?推荐轻量级插件而非全功能 IDE
VSCode 原生不提供 JSON 表格视图,但多数场景下不需要重量级插件。优先尝试这些低侵入方案:
- 安装
JSON Tools(作者:eriklynd):提供JSON: Format、JSON: Minify、JSON: Sort Keys,快捷键友好,无后台进程 - 需要快速查某个 key 是否存在?用
Ctrl+F搜索时勾选正则模式,输"key_name":(注意冒号后空格可选),比插件的“树形过滤”更直接 - 真要表格化(比如对比两个 JSON 的差异字段),不如导出为 CSV:复制内容 → 粘贴进 Excel → 数据 → “从文本导入”,分隔符选逗号/制表符,再用 Power Query 展开嵌套对象(比任何插件都稳)
避免安装 JSON Viewer 类插件——它们常劫持 .json 文件的默认打开方式,导致右键“Open Preview”失效,且容易与 Prettier 冲突。
大 JSON 文件卡顿甚至崩溃?必须限制解析深度和体积
VSCode 对单个 JSON 文件的解析有隐式限制:超过 ~5MB 或嵌套层级 > 20 层时,语法高亮、悬停提示、自动补全会明显变慢,严重时编辑器无响应。这不是内存不够,而是 VSCode 的 JSON 语言服务器主动降级处理逻辑。
应对策略不是升级硬件,而是控制输入规模:
- 用
jq提前裁剪:jq '{name, items[0:10]}' large.json > preview.json,只保留关键字段和前 10 条记录 - 在
settings.json中添加:"json.schemas": [{"fileMatch": ["large.json"], "url": "./schema.json"}],配合简单 schema 可关闭部分验证,减轻负载 - 彻底规避解析:右键文件 → “Reveal in Explorer”,用系统命令行
head -n 50 large.json | jq .快速看结构,不进编辑器
记住:VSCode 是编辑器,不是 JSON 分析器。预览只是辅助,真正做数据清洗或验证,该切到终端就切。


















