VS Code 中按 Tab 插入 2 个空格需配置：启用 Insert Spaces、设置 Tab Size 为 2、保持 Detect Indentation 开启，并为 JavaScript 等语言单独设置 tabSize；同时开启 Trim Trailing Whitespace 和 Format On Save 以确保缩进统一。
怎么让 VS Code 的 Tab 键插入 2 个空格
VS Code 默认按 Tab 插入的是制表符（\t），不是空格；要让它每次按 Tab 都输出 2 个空格，关键不是改快捷键，而是配置编辑器的缩进行为。
实操建议如下：
- 打开设置（快捷键
Ctrl+,或Cmd+,），在搜索框输入insert spaces - 勾选
Insert Spaces（它控制是否用空格替代制表符） - 再搜
detect indentation，确保Detect Indentation是启用状态——这样打开已有文件时，VS Code 会自动识别并沿用它的缩进规则（比如别人用 4 空格，你不会强行改成 2） - 最后搜
tab size，把数值设为2
为什么改了设置后 .js 文件还是缩进 4 格
因为 VS Code 支持「语言级覆盖」：不同语言可单独指定缩进。比如 JavaScript 社区普遍用 2 空格，但 TypeScript 或某些框架模板可能默认设成 4。
常见错误现象：全局设了 tabSize: 2，但打开 .ts 或 .vue 文件时，按 Tab 仍插 4 空格。
解决方法：
- 打开一个
.js文件 → 右下角状态栏点击当前缩进显示（如Spaces: 4）→ 选择Indent Using Spaces→ 再选2 - 或者直接在设置里搜
javascript tab size，找到Editor: Tab Size (JavaScript)，设为2 - 同理，对
typescript、json、html等语言，都需单独确认
editor.detectIndentation 是开还是关
建议保持开启（默认就是开）。它能根据文件首行缩进自动推断该用几个空格或是否用制表符——对协作项目特别有用。
容易踩的坑：
- 关掉它后，新建文件永远按全局
tabSize缩进，但打开别人写的 4 空格文件，你一格式化就全乱了 - 如果团队统一用 2 空格，又确定所有文件都是干净的，可以关；否则别动
- 它只影响「打开时的初始识别」，不影响你手动改缩进或保存时的行为
保存时自动转空格、删末尾空格怎么配
很多人以为设了 insert spaces 就万事大吉，结果粘贴代码后出现混用 \t 和空格，Git 提交时 diff 一团糟。
必须补上这两项：
-
Files: Trim Trailing Whitespace→ 开启（删行尾多余空格） -
Editor: Format On Save→ 开启（保存时自动按当前语言规则格式化） - 再确认
Editor: Insert Spaces和Tab Size已设好，三者配合才真正“稳”
最常被忽略的一点：VS Code 的缩进设置是分层生效的——用户级 > 工作区级 > 语言级。如果你在某个项目根目录有 .vscode/settings.json，它会优先覆盖全局设置，检查时得三层都扫一遍。
