从打开到格式化？VSCode处理JSON的基础操作
JSON文件打开：别只知道”文件→打开”
很多人用VSCode打开JSON文件只会点”文件→打开”，其实还有更高效的方法。比如直接把文件拖进VSCode窗口，或者按下Ctrl+O（Mac用户按Cmd+O）快速召唤文件选择框。但如果你经常处理同一批JSON文件，试试”最近打开文件”列表——按下Ctrl+R（Mac是Cmd+R），输入文件名关键词就能秒开，比在文件夹里翻找快多了。
还有个隐藏技巧适合多文件工作：用”资源管理器侧边栏”固定常用文件夹。右键点击侧边栏的”资源管理器”，选择”将文件夹添加到工作区…”后保存工作区，下次打开VSCode直接加载工作区，所有常用JSON文件一目了然！我去年帮公司整理API文档时，把十几个JSON配置文件所在的文件夹固定到工作区后，每天至少节省20分钟找文件时间——别小看这点时间积少成多，一个月就是10小时呢。
一键格式化：3种方法让JSON秒变整齐
打开文件后，重点来了！格式化才是解决JSON混乱的核心步骤。VSCode自带的JSON格式化功能其实足够好用，但很多人不知道怎么调用。最简单粗暴也是我最常用的方法：按下Ctrl+Shift+I（MacCmd+Shift+I）快捷键直接格式化整个文档。上个月帮实习生改JSON时发现，他居然不知道这个快捷键——之前都是手动敲空格对齐，一个500行的文件改完手都酸了，教他按这个快捷键后，他瞪大眼睛说跟”变魔术”一样！
如果快捷键记不住也没关系，右键点击编辑区空白处，选择”格式化文档”(Format Document)就行。不过有时候VSCode会问你”选择格式化程序”(Select formatter)，记得选第一个”JSON语言功能”(JSON Language Features)，这可是VSCode内置的官方格式化工具，比第三方工具更懂JSON语法规则。
为什么VSCode能这么精准地格式化JSON？其实它背后靠的是”JSON语言服务”(JSON Language Service)，会自动检测JSON语法结构，根据括号层级计算缩进，甚至能修复简单错误——比如你少写个逗号，格式化时可能会自动标红提示位置。微软开发者博客里提到过，这个语言服务是基于TypeScript开发团队的经验打磨而成，专门优化了JSON文件的解析速度和容错性，所以哪怕是几MB大的JSON文件，格式化也不会卡顿(nofollow链接参考:微软开发者博客
)。
效率翻倍？自动排版与插件优化技巧
配置”保存即格式化”：让VSCode替你”擦屁股”
学会手动格式化后，更高级的操作是让VSCode”自动干活”——配置”保存文件时自动格式化”。想想看：写完JSON不用记着按快捷键格式化，按一下Ctrl+S保存，文件自动变整齐，是不是爽多了？
具体怎么设置？两步就能搞定！先按下Ctrl+,（MacCmd+,）打开设置界面→搜索框输”format on save”→勾选”编辑器:保存时格式化”(Editor: Format On Save)。但光勾选还不够，得确保JSON文件被包含进来——继续搜索”use editor default formatter”，找到”编辑器:默认格式化程序”(Editor Default Formatter for JSON)，选”vscode.json-language-features”(VSCode自带的JSON格式化工具就行啦)。
我自己电脑上还加了个小细节：配置格式化超时时间。有时候大JSON文件格式化慢，可以搜索”format timeout duration”，把默认的75ms改成200ms，避免因文件大导致格式化失败。上周帮运营同事调数据模板时，她用Excel导出的JSON足有3万行，改完这个超时时间后保存就能自动格式化了，之前她还以为VSCode卡了呢~
插件加持-Prettier让排版更”听话”
如果VSCode内置格式化功能还满足不了你的需求（比如团队有统一的JSON格式规范，要求键值对排序或特定缩进空格数）那一定要试试Prettier插件——前端圈公认最好用的数据格式化工具之一，对JSON支持尤其到位。
安装超简单打开VSCode左侧扩展面板（快捷键Ctrl+Shift+X)，搜索”Prettier
Prettier强在哪举个例子：内置格式化工具默认用2个空格缩进如果你公司要求4个空格怎么办？在项目根目录新建.prettierrc文件，输入{"tabWidth": 4}，保存后VSCode会自动读取这个规则下次格式化就按4个空格缩进了。还能配置”是否尾随逗号”（比如{a:1, b:}最后那个逗号要不要）、”键值对是否排序”(按字母顺序排列键名)等细节VS Code官方文档里专门推荐过Prettier作为JSON格式化的增强工具，尤其适合多人协作项目(nofollow链接参考:VSCode官方文档-Prettier插件推荐).
你平时处理JSON文件时遇到过哪些头疼的问题？试试今天说的快捷键格式化、保存自动排版，或者装个Prettier插件~记得按步骤操作完后打开一个混乱JSON文件实测下效果欢迎在评论区告诉我你的效率提升了多少！
之前帮同事处理JSON文件时就碰到过这个情况——他双击打开文件后按格式化快捷键，结果VSCode弹个提示说“没有可用的格式化程序”，当时他还以为是编辑器坏了，差点要重装软件。其实根本不用这么麻烦，这种问题十有八九是文件类型没被正确识别导致的。你想想，VSCode是靠文件后缀来判断用什么工具处理的，要是你手里的JSON文件后缀不对，比如叫“data.txt”或者干脆没后缀，VSCode就会把它当成普通文本文件，自然找不到JSON专用的格式化工具。我当时让他右键点文件看属性，果然后缀是“.txt”——他从服务器下载时默认保存成了文本文件，改成“.json”后再打开，格式化功能立马就亮了，连快捷键都不用重新记。
如果后缀没问题还是提示没格式化程序，那就要手动指定默认工具了。这时候不用翻设置界面，直接按快捷键更方便：Windows用户按Ctrl+Shift+P，Mac用户按Cmd+Shift+P，调出命令面板后输入“格式化文档”，这时候VSCode会弹出选项，你别直接选“格式化文档”，而是点下面那个“配置默认格式化程序”。接着会出现一个列表，里面可能有多个选项（如果装了Prettier之类的插件），但咱们就选“JSON语言功能”——这个是VSCode自带的官方工具，不用额外装插件，兼容性还好。选完之后再按一次格式化快捷键（Ctrl+Shift+I或者Cmd+Shift+I），文件立马就整齐了，比网上说的“重装VSCode”“清理缓存”这些偏方实用多了。上周帮隔壁部门的设计师调JSON配置时，她就是后缀对但没配置默认格式化程序，按这个步骤操作完，她还说“原来这么简单，之前卡了半小时没敢动文件”。
VSCode格式化JSON时提示“没有可用的格式化程序”怎么办？
这种情况通常是因为VSCode未正确识别文件类型或格式化工具未启用。首先确认文件后缀是否为“.json”（VSCode会根据后缀自动启用JSON语言支持），若后缀正确，可按Ctrl+Shift+P（Mac为Cmd+Shift+P）输入“格式化文档”，选择“配置默认格式化程序”，手动指定“JSON语言功能”（VSCode内置工具）即可。
按格式化快捷键后JSON没有变化，可能是什么原因？
大概率是JSON文件存在语法错误（如括号不闭合、键值对缺少引号或逗号）。VSCode的格式化功能仅对语法正确的JSON生效，可通过编辑器右侧的红色波浪线定位错误（通常是括号/引号不匹配或多余逗号），修复后再尝试格式化。 若文件过大（超过10MB），可能需要等待2-3秒让VSCode完成解析。
Mac系统和Windows系统的JSON格式化快捷键有区别吗？
是的，核心功能一致但快捷键略有差异。Windows系统格式化文档快捷键为Ctrl+Shift+I，Mac系统需替换为Cmd+Shift+I；打开文件的快捷键Windows是Ctrl+O，Mac是Cmd+O；最近文件列表Windows用Ctrl+R，Mac用Cmd+R。其他操作（如右键菜单、设置界面）则完全一致。
配置“保存时自动格式化”后，JSON文件保存仍未自动排版怎么办？
先检查设置是否完整生效：打开VSCode设置（Ctrl+,或Cmd+,），搜索“format on save”确认已勾选，再搜索“json format”，确保“JSON > 编辑器:默认格式化程序”已选择“vscode.json-language-features”。若仍无效，可能是文件所在文件夹权限问题，右键文件属性勾选“可写”权限，或尝试重启VSCode加载设置。
VSCode内置格式化和Prettier插件哪个更适合处理JSON？
日常使用推荐优先用内置格式化（JSON语言功能），无需额外安装，支持基础排版需求（缩进、换行、括号对齐），且与VSCode兼容性更好。若团队有统一格式规范（如缩进4空格、强制尾随逗号），或需要同时格式化JSON/JS/TS等多种文件， 安装Prettier插件——它可通过配置文件（.prettierrc）自定义缩进空格数、引号类型等细节，更适合协作场景。
