ctrl+shift+[对html标签无反应，是因为vscode默认仅折叠含换行和子内容的成对标签（如\n...\n），不折叠单行或空标签；需将"editor.foldingstrategy"设为"syntax"并确保语言模式为html，或安装auto fold插件配置auto-fold.autofoldtags列表实现强制折叠。
为什么 Ctrl+Shift+[ 对 HTML 标签没反应
不是快捷键坏了，而是 VSCode 默认不把单行或空的成对标签（比如 <p>hello</p> 或 <div></div>）识别为可折叠区域。它只对“含换行 + 子内容”的标签块（如 <div>\n <p>...</p>\n</div>）生成折叠范围。
常见错误现象：Ctrl+Shift+[ 按了没反应，或只折了 <script></script> 和 <style></style> 块；右下角语言模式显示为 Plain Text 或 Auto，而非 HTML。
- 先点击右下角状态栏，手动选为
HTML（别信“自动检测”） - 打开设置（
Ctrl+,），搜foldingStrategy，设为syntax（不是indentation或auto） - 改完后重开 HTML 文件，再试
Ctrl+Shift+[—— 此时至少能折有子结构的<div>、<code><section></section>等Auto Fold 插件怎么配才真正生效
原生折叠太保守，想让所有常见成对标签（哪怕只有文本）都可一键收起，
Auto Fold是目前最轻量可靠的方案。但它不是装完就自动工作，必须显式声明要折叠哪些标签。关键配置在
settings.json中的auto-fold.autoFoldTags，不填等于白装。
anything-to-html下载将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 打开命令面板（
Ctrl+Shift+P），输入Preferences: Open Settings (JSON) - 加入这段（支持常见语义标签和内联容器）：
"auto-fold.autoFoldTags": ["div", "section", "article", "aside", "header", "footer", "nav", "main", "ul", "ol", "li", "p", "blockquote", "figure"]
- 保存后重开文件 —— 打开即自动折叠匹配的标签；也可手动触发
Fold All Regions命令 - 注意：它不会折自闭合标签（如
<img>、<br>），也不影响<span></span>这类纯内联元素，这是设计使然
Inline Fold 能不能用来折 class 属性值
不能替代标签折叠，但能解决另一个高频干扰：Tailwind 或长 class 字符串挤占 HTML 结构视线。它不折叠标签本身，而是把
class="..."的值压缩成占位符（如tw:…）。这属于视觉降噪，不影响 DOM 结构或折叠层级，和 Auto Fold 完全正交，可以共存。
- 装好插件后，在
settings.json中加："inlineFold.languages": [ {"language": "html", "attribute": "class"}, {"language": "javascriptreact", "attribute": "className"} ] - 重启后，
<div class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600 transition"> 会变成 <code><div class="tw:…"> <li>鼠标悬停仍显示完整值，点击占位符可临时展开；按 <code>Ctrl+Shift+[依然能折整个<div> 标签块 <h3>折叠全部（Ctrl+K Ctrl+0）为什么有时只折一半</h3> <p>这个命令只作用于当前语言服务标记出的“可折叠范围”，不是暴力扫所有括号或缩进。HTML 语言服务（<code>vscode-html-languageservice）默认只给三类结构打标：成对标签（含换行）、<script>/<style></script>块、注释。空标签、单行标签、自定义元素（如<my-component></my-component>）默认不被识别。性能上也有约束：
editor.foldingMaximumRegionLength默认是 5000，超长标签内容会被跳过折叠。- 若某段 HTML 明明嵌套深却折不动，先检查是否含非法字符或未闭合标签（语法错误会破坏 AST 解析）
- 想强制覆盖，可临时设
"editor.foldingStrategy": "indentation"，但副作用明显：所有缩进变化处都变可折点，容易误折 - 更稳妥的做法：光标放在父级标签（如
）内部，再按Ctrl+Shift+[，它会递归折该作用域下所有已识别的子标签
<div class="grid grid-cols-12"> 里塞了 20 行 Tailwind class，又嵌了三层 <code><div>。这时候得靠 Auto Fold 折标签结构 + Inline Fold 压 class 值，两者缺一不可。单独依赖任何一个，都会漏掉一半噪音。</div>
- 打开命令面板（
