VSCode中Tab行为由editor.insertSpaces、editor.tabSize和editor.detectIndentation三者协同控制：前者决定插入空格或制表符，后者指定空格数或制表符宽度，第三项若启用会自动覆盖手动设置；三者必须统一配置，否则Tab缩进必然混乱。
VSCode 里按 Tab 键插什么、插几个、已有缩进怎么变，不是改一个配置就能搞定的。核心就三点：editor.insertSpaces 决定插空格还是 \t，editor.tabSize 决定空格数或 \t 显示宽度，editor.detectIndentation 决定 VSCode 是否“自作主张”覆盖你设的值——三者不配齐，Tab 行为必然混乱。
为什么改了 editor.tabSize 还是插不对数量？
常见现象：settings.json 里写了 "editor.tabSize": 2，但按 Tab 仍插 4 个空格，甚至插出 \t 字符。
-
editor.insertSpaces被设为false（比如语言专属设置或工作区配置里写了"[javascript]": { "editor.insertSpaces": false }），结果按 Tab 插的是真实\t，不是空格 -
editor.detectIndentation是true（默认），VSCode 扫描文件首行缩进后，自动把tabSize和insertSpaces改成它“猜”的值，你的配置被绕过 - 当前文件语言识别错误（比如
.jsx被当成Plain Text），语言专属规则不生效，退回到未配置的全局设置
如何让 JavaScript 文件固定用 2 个空格？
别只改全局设置，语言专属配置才能真正落地。尤其前端项目（React/Vue）普遍要求 2 空格，靠全局设置容易被已有文件带偏。
- 打开命令面板（
Ctrl+Shift+P或Cmd+Shift+P），输入并选择Preferences: Configure Language Specific Settings - 选中
javascript（注意不是.js，是语言 ID；右下角点语言名可确认） - 添加如下配置：
{ "[javascript]": { "editor.tabSize": 2, "editor.insertSpaces": true, "editor.detectIndentation": false } } - 同理，Python 项目就配
[python]块，"editor.tabSize": 4
已有文件里的 \t 怎么批量转成空格？
改完设置只影响新按的 Tab，旧文件里的制表符不会自动变。VSCode 提供了快捷转换功能，但触发条件很具体：
- 打开目标文件，确保右下角状态栏显示的是
Tab Size: 4（或你设的数字），且缩进模式是Tab而不是Spaces；如果已显示Indent using spaces，说明已经是空格了，不用转 - 点击右下角缩进标识，弹出菜单后选
Convert Indentation to Spaces - 该操作是一次性、不可逆的，没撤销按钮，建议先保存或备份
- 它只处理行首缩进，不碰字符串内或注释里的
\t
Prettier 或 ESLint 插件会不会覆盖你的设置？
会，而且优先级更高。比如你设了 "editor.tabSize": 2，但 Prettier 的 .prettierrc 里写了 "tabWidth": 4，保存时格式化就按 4 来，编辑器设置形同虚设。
- 检查
editor.formatOnSave是否开启，以及editor.defaultFormatter指向哪个插件 - 若想让编辑器设置和格式化工具一致，直接在
.prettierrc里设"tabWidth": 2，而不是依赖 VSCode 配置 - 临时验证是否被插件干扰：在工作区
.vscode/settings.json里加"editor.formatOnSave": false，再试按 Tab
最常被忽略的其实是 editor.detectIndentation：它默认开启，看似智能，实则让所有手动配置变得不稳定。关掉它，配合固定 insertSpaces 和 tabSize，才是长期可控的底线。
