合理使用VS Code代码折叠可提升阅读效率。1. 基础操作：点击行号旁箭头或用Ctrl+Shift+[/]折叠/展开。2. 自定义区域：用#region和#endregion标记可折叠区域，便于识别逻辑模块。3. 语言策略：HTML按标签、CSS按选择器、Python按缩进、JSON按对象数组折叠。4. 设置优化：开启Fold By Default自动折叠，显示折叠控件或临时禁用功能。掌握这些技巧有助于快速定位关键代码，减少干扰，保持结构清晰。
面对复杂的代码文件，合理使用代码折叠功能能让结构更清晰，提升阅读效率。VS Code 提供了多种灵活的代码折叠方式，掌握这些技巧可以让你快速定位关键部分，减少视觉干扰。
基础折叠操作
VS Code 默认支持按语法块折叠，比如函数、类、条件语句等。
- 点击代码行号左侧的折叠箭头即可收起或展开代码块
- 使用快捷键 Ctrl + Shift + [ 折叠当前层级，Ctrl + Shift + ] 展开
- 通过命令面板（Ctrl + Shift + P）输入“Fold”或“Unfold”可访问更多折叠命令
按区域自定义折叠
你可以手动定义可折叠的代码区域，特别适合组织大段配置或逻辑模块。
在支持的语言中（如 JavaScript、TypeScript、Python 等），使用特殊注释标记：
- #region 描述内容 开始一个可折叠区域
- #endregion 结束区域
- 例如在 JS 中：
// #region 工具函数
// function helper() { ... }
// #endregion
折叠后会显示“工具函数”标签，便于识别。
语言相关的折叠策略
不同语言的折叠行为略有差异，VS Code 会根据语法自动识别块级结构。
- HTML/XML：按标签嵌套层级折叠，可逐层收起 div、section 等容器
- CSS/SCSS：支持选择器和嵌套规则的折叠
- Python：以缩进块为单位，函数、类、if/for 块均可折叠
- JSON：对象和数组支持逐层展开，查看深层结构更方便
调整折叠设置提升体验
在设置中搜索“folding”，可以自定义行为：
- 开启 Editor: Fold By Default 实现打开文件时自动折叠所有区域
- 启用 Editor: Show Folds Controls 在滚动条上显示折叠指示器
- 关闭 Editor: Enable Code Folding 可临时禁用该功能
基本上就这些。熟练运用折叠功能，再长的文件也能快速聚焦重点，保持思路清晰。
