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