VSCode的代码折叠功能通过语法结构自动折叠函数、类、控制流等区块，支持手动添加#region标记定义折叠范围，结合快捷键与设置优化可提升代码可读性和导航效率。
面对复杂的函数或长段代码，VSCode 的代码折叠功能能极大提升可读性和导航效率。合理利用其内置的折叠策略，可以快速聚焦关键逻辑，减少视觉干扰。
基于语法结构的自动折叠
VSCode 默认根据代码的语法块实现折叠，适用于函数、循环、条件语句等结构。
常见支持折叠的语法元素包括：
- 函数体：JavaScript、Python 等语言中定义的 function 或 def 块
- 类定义：包含属性和方法的大括号或缩进区块
- 控制流结构：if、for、while、switch 等语句块
- 对象字面量与数组嵌套（在 JSON 或 JS 中）
只需将鼠标悬停在行号区域，出现“▶”图标即可点击折叠。也可使用快捷键 Ctrl + Shift + [ 折叠当前层级，Ctrl + Shift + ] 展开。
手动区域折叠：自定义折叠范围
对于逻辑段落或注释区块，可通过添加特殊标记创建可折叠区域。
在支持的语言中（如 JavaScript、TypeScript、Python、C++），使用以下格式：
<font face="monospace">// #region 自定义说明<br>your_code_here<br>// #endregion</font>
保存后，VSCode 会在该区域旁显示折叠控件。此方法适合将一个大函数拆分为“初始化”、“主计算”、“结果处理”等逻辑块。
注意：Python 虽无原生 region 支持，但部分扩展（如 Python Extended）或语言服务器可启用类似功能。
折叠策略设置与语言优化
可通过设置调整折叠行为，路径为“文件 > 首选项 > 设置”，搜索“folding”。
关键配置项：
- Editor: Folding Strategy — 可选 "auto"（默认，按语法推断）或 "indentation"（按缩进层级，适合 Python、YAML）
- Editor: Fold On Open — 打开文件时是否自动折叠 import 或 region 区域
- Editor: Show Folds Controls — 控制是否在滚动条旁显示折叠图标
某些语言插件（如 Vue、Svelte）还支持折叠模板、样式或脚本标签，确保安装对应扩展以获得完整支持。
高效使用建议
结合实际编码习惯，提升折叠使用效率：
- 长函数重构前，先用 #region 分段，便于理解结构
- 阅读他人代码时，快速折叠非关注区域，定位核心逻辑
- 配合大纲视图（Outline Panel）使用，实现结构级跳转与折叠同步
- 避免过度折叠，防止逻辑上下文断裂，影响维护性
基本上就这些。掌握这些策略后，管理复杂函数会变得清晰很多。
