VSCode代码折叠需按语法结构触发：光标置于def/if/{等行按Ctrl+Shift+[可折叠所在块，Python需设foldingStrategy为indentation，JSX等需插件支持；自定义#region注释可手动创建折叠区；折叠状态默认不保存，需扩展或设置restoreViewState。
如何用快捷键快速折叠/展开任意代码块
VSCode 默认支持基于语法的自动代码折叠，但很多人不知道它对缩进和结构体的识别逻辑并不一致。比如 Python 用缩进定义作用域，Ctrl+Shift+[ 折叠时可能只收起当前行而非整个函数；而 JavaScript 的 function 块或 {} 块则能被准确识别。
- 折叠当前光标所在区域：按
Ctrl+Shift+[（Windows/Linux）或Cmd+Shift+[（macOS），VSCode 会向上查找最近的可折叠节点（如函数、类、if 块、注释块） - 展开当前区域：用
Ctrl+Shift+]或Cmd+Shift+] - 折叠所有同级块：把光标放在函数名或 class 名上，再按折叠快捷键，会收起整个函数体，而不是只折第一层
- 如果光标在空行或注释行，快捷键可能无效——必须落在有语法意义的代码行上（例如
def、if、{所在行）
为什么有些代码块根本无法折叠？常见原因与修复
不是所有语言都默认开启完整折叠支持，也不是所有结构都能被识别。典型现象是：JSX 中的 {} 内联表达式不折叠、Python 的三引号文档字符串没反应、TypeScript 的 interface 声明不可折叠。
- 检查语言模式是否正确：右下角状态栏确认当前文件被识别为
javascript而非plaintext，否则折叠功能完全失效 - 确保启用了语法折叠：在设置中搜索
editor.foldingStrategy，值应为auto（默认）或indentation；设为indentation可强制按缩进折叠，适合 Python/Ruby，但会丢失语义级折叠（如函数名点击收起） - TypeScript/JSX 需要插件支持：原生不折叠 JSX 标签内
{...}，装JavaScript (ES6) code snippets或Auto Close Tag无用，真正起效的是启用editor.showFoldingControls: "always"并配合html.suggest.html5关闭（避免干扰）
自定义折叠区域：用注释标记大段配置或临时禁用代码
当一段逻辑既不想删又不想看，且不属于标准语法块（比如一长串 mock 数据、多段 if-else 分支、重复的 console.log），可以用 VSCode 的「折叠区域注释」手动划出边界。
- 支持的注释格式（任选其一）：
// #region My Config
// #endregion
/* #region Disabled Logic */
/* #endregion */
- 区域内即使没有缩进或语法结构，也能被折叠；折叠后只显示
#region行上的文字 - 注意：
#region必须顶格写，前面不能有空格或制表符，否则不识别 - 不支持嵌套区域，第二个
#region会打断前一个的闭合逻辑
折叠状态不保存？重启 VSCode 后全展开了
VSCode 默认不会记忆每个文件的折叠状态，每次打开都是初始展开。这不是 bug，是设计使然——因为折叠属于编辑器视图状态，不是文件内容。
- 想让折叠持久化：安装扩展
Custom CSS and JS Loader或更轻量的Fold Plus，后者提供foldPlus.rememberFoldState设置项 - 更稳妥的做法是把高频折叠内容转成函数或常量：比如把 50 行 mock 数据封装进
const MOCK_DATA = {...}，自然就变成一个可折叠的变量声明块 - 还有个隐藏技巧：在用户设置里加
"workbench.editor.restoreViewState": true，它能让编辑器尝试恢复滚动位置和折叠，但仅对已打开过的标签页有效，新开文件仍不记
折叠本身不改变代码行为，但依赖它做“视觉减负”时，容易忽略实际执行流。尤其在调试阶段，别只盯着折叠后的函数名就以为逻辑没问题——展开确认一下 return 位置、异常捕获范围、异步 await 是否被意外包进折叠区，才是关键。
