VSCode中Tab/Shift+Tab缩进失效的根本原因是语言模式未正确识别为HTML，需确认右下角状态栏显示HTML、扩展名正确或手动设置语言模式，且缩进行为依赖editor.tabSize和空白字符统一性。
选中多行 HTML 后按 Tab 向右缩进，Shift + Tab 向左反缩进——但这个操作是否生效，不取决于你按得对不对，而取决于 VSCode 是否“认出这是 HTML”。
为什么选中 HTML 代码按 Tab 没反应？
最常见原因是右下角状态栏显示的不是 HTML，而是 Plain Text 或其他语言。VSCode 的缩进逻辑是语言专属的，Plain Text 模式下 Tab 只插入制表符，不做语义化缩进。
- 点击右下角语言标识（如
Plain Text），选择HTML；或按Ctrl + Shift + P输入Change Language Mode，再选html - 确认文件扩展名是
.html或.htm；若用自定义后缀（如.tpl），需手动绑定语言模式 - 如果刚粘贴了一段压缩 HTML（无换行、无缩进），VSCode 可能因首行无标签而延迟识别——先敲个回车或
<div>再试
Shift + Tab 反缩进失败的三个典型场景
Shift + Tab 触发的是 editor.action.outdentLines 命令，它只对“符合当前缩进单位”的行生效，不是简单删空格。
- 某行开头是 5 个空格，而
editor.tabSize设为 4：VSCode 不会删成 1 个空格，而是保持不动，避免破坏对齐 - 混用空格和
\t：先按Ctrl + Shift + P运行Convert Indentation to Spaces统一再操作 - 行首只有空白字符（如全空格/全
\t无内容）：部分语言配置会跳过这类行，导致缩进“看起来没动”
想让 HTML 缩进真正稳定，别只靠 Tab 键
手动缩进适合微调，但 HTML 层级深、嵌套多，靠按键容易错层。更可靠的方式是交由格式化器驱动：
立即学习“前端免费学习笔记（深入）”；
- 保存时自动处理：开启
editor.formatOnSave，并确保已安装 Prettier 或内置 HTML 格式化器 - 临时强刷：选中任意区域后按
Shift + Alt + F（Windows/Linux）或Shift + Option + F（macOS） - 检查配置是否被覆盖：打开
.vscode/settings.json，确认没有"[html]": { "editor.tabSize": 4 }类似设置被插件或工作区配置覆盖
缩进线看不见？不是没开，是颜色被主题吃掉了
VSCode 1.85+ 已弃用 editor.renderIndentGuides，必须用 editor.guides.indentation。但开了也不一定看得见——多数主题把 editorIndentGuide.background 设为透明。
- 在
settings.json中加这段才能真看见："workbench.colorCustomizations": { "editorIndentGuide.background": "#505050", "editorIndentGuide.activeBackground": "#707070" } - 十六进制颜色值必须是
#开头，rgb()或gray会静默失效 - 缩进线错位？大概率是底层缩进不一致——打开
Ctrl + Shift + P → Toggle Render Whitespace，一眼看出哪行混用了\t或非整除空格
真正难搞的不是快捷键记不住，而是缩进行为背后那套语言感知 + 状态检测 + 主题渲染的叠加逻辑。状态栏那个小小的 HTML 和 Spaces: 2，才是实际起作用的开关。漏看一眼，后面所有缩进操作都在“假装正常”。
