VSCode默认不折叠HTML单层标签，需设"editor.foldingStrategy"为"syntax"并确保语言模式为HTML；原生仅折叠含子内容或换行的成对标签，强制折叠需扩展如Auto Fold或手动执行Fold All Regions。
VSCode 里 Ctrl+Shift+[ 折叠不了 HTML 标签？先确认折叠范围设置
VSCode 默认对 HTML 的折叠支持是“按区域”而非“按标签”，所以直接按 Ctrl+Shift+[（Windows/Linux）或 Cmd+Shift+[（macOS）可能没反应，或者只折叠了 <script> 或 <style> 块。关键在编辑器是否启用了基于语法的折叠（"html.suggest.html5" 不影响这个，但 "editor.foldingStrategy" 和 "html.format.enable" 也不直接相关）。
真正起作用的是："html.experimental.templateTagProviders" 无关，核心是确保 "editor.foldingStrategy" 设为 "syntax"（而非 "indentation"），且 HTML 语言模式已正确激活（右下角状态栏显示 HTML，不是 Plain Text 或 Auto）。
- 检查当前语言模式：点击 VSCode 右下角，确认显示为
HTML；如果不是，点击后选Configure Language Specific Settings→ 选HTML - 打开设置（
Ctrl+,），搜foldingStrategy，把Editor › Folding Strategy设为syntax - 重启编辑器或重开 HTML 文件——此时
Ctrl+Shift+[才会对<div>、<ul>等成对标签约定折叠
想折叠所有嵌套标签（包括单层 <p>、<span>），得靠扩展或手动触发
VSCode 原生的 syntax 折叠策略只对“有子内容”的标签生效（比如空的 <div></div> 或单行 <p>hello</p> 默认不折叠）。这不是 bug，是设计：避免把语义上无结构的内联元素也塞进折叠区，干扰阅读。
如果真要强制折叠所有成对标签（哪怕只有文本内容），有两个路子：
立即学习“前端免费学习笔记（深入）”；
- 装扩展
Auto Fold（作者：wix），启用后设"auto-fold.autoFoldTags"为["div", "section", "article", "p", "ul", "li"]等，它会在打开文件时自动折叠匹配标签 - 不用扩展的话，可用命令面板（
Ctrl+Shift+P）→ 输入Fold All→ 选Fold All Regions，但注意：这会折叠所有可折叠区域（包括注释、<script>块），不单是 HTML 标签 - 更精准的做法：光标放在某个父级标签内（如
<body>内），按Ctrl+Shift+[，它会递归折叠该作用域下所有支持折叠的标签
Fold All 命令为什么有时只折了一半？看标签是否被识别为“可折叠区域”
VSCode 的折叠能力依赖语言服务器提供的 FoldingRange 数据。HTML 语言服务（来自 vscode-html-languageservice）默认只给以下结构生成折叠范围：
- 成对标签且包含换行（如
<div>\n <p>...</p>\n</div>） -
<script>/<style>块（无论是否换行） - HTML 注释（
<!-- ... -->） - 不支持自闭合标签（
<img>、<input>）或单标签（<br>）的折叠
常见误判场景：
- 文件以
<!DOCTYPE html>开头但没<html>标签 → 折叠范围从<head>开始算，<body>外的内容不参与 - 用了 Pug、Vue 单文件组件等混合语法 → HTML 模式未激活，折叠退化为缩进模式（
indentation），只按空格/Tab 层级折，不可靠 - 开启了
"html.format.wrapLineLength"自动换行，但格式化未运行 → 折叠逻辑仍按原始换行判断，不是按“视觉结构”
别指望一次按键解决所有场景，折叠行为本质是“结构感知”而非“文本匹配”
VSCode 对 HTML 的折叠不是正则扫一遍就完事，它依赖解析器构建的 AST。这意味着：标签是否可折叠，取决于它在语法树中是否形成明确的开始/结束节点，以及是否有子节点（哪怕只是文本节点）。一个 <span>abc</span> 在单行里通常不会被折叠，不是 VSCode 懒，是它判断“这里没有结构层次需要隐藏”。
如果你常处理大量模板片段、需要快速收起细节，建议组合使用：
- 保持
"editor.foldingStrategy": "syntax" - 用
Ctrl+Shift+[折当前光标所在层级 - 配合
Ctrl+K Ctrl+0（折叠全部）和Ctrl+K Ctrl+J（展开全部）做批量切换 - 对特别深的嵌套，优先用
Ctrl+Shift+P→Fold Level X（比如Fold Level 2）控制粒度
最易被忽略的一点：折叠状态不跨会话保存。关掉文件再打开，一切恢复展开——这不是缺陷，是设计选择。想持久化折叠，目前只能靠扩展（如 Custom CSS and JS Loader 配合脚本），但稳定性差，不推荐。
