掌握vscode代码折叠功能可提升开发效率，通过点击行号旁箭头或使用快捷键Ctrl+Shift+[ / ]折叠/展开代码块；支持按函数、注释、导入等类型批量折叠，可通过命令面板搜索“Fold”执行；可用// #region和// #endregion手动创建自定义折叠区域；在设置中调整折叠灵敏度，启用语言特定折叠或基于缩进的折叠，配合插件增强对vue、markdown等文件的折叠支持。
在使用 VSCode 编写代码时，合理利用代码折叠功能可以大幅提升阅读效率和开发体验。它能帮助你快速隐藏不关心的代码块，聚焦核心逻辑。掌握一些实用技巧，可以让编辑器用起来更顺手。
基本折叠操作
VSCode 支持多种方式来折叠代码区域：
- 点击代码行号左侧的折叠箭头（小三角）来收起或展开代码块
- 使用快捷键 Ctrl + Shift + [ 折叠当前层级代码
- 使用快捷键 Ctrl + Shift + ] 展开当前折叠区域
- 通过菜单栏选择“编辑”→“代码块”→“折叠/展开”
按区域类型折叠
你可以根据代码结构快速折叠特定类型的区域：
- 折叠所有函数：适用于 javaScript、python 等语言，可一键隐藏所有函数体
- 折叠注释块：长段说明或文档注释可以临时收起，减少干扰
- 折叠导入部分：文件开头的 import 或 include 语句常占多行，折叠后更清爽
这些可以通过命令面板（Ctrl + Shift + P）输入“Fold”搜索相关命令执行。
手动创建折叠区域
除了语法结构自动识别的折叠外，还可以自定义折叠范围：
- 在支持的语言中使用特殊标记注释，例如：
// #region 有用的功能模块
function helper() { … }
const config = { … };
// #endregion
保存后，编辑器会在该区域显示可点击的折叠控件。这个方法特别适合组织配置项、工具函数等逻辑分组。
调整折叠灵敏度
某些情况下，默认折叠行为可能不符合预期。可通过设置微调：
- 打开设置（Ctrl + ,），搜索 “folding”
- 启用或关闭 “折叠标题块”、“使用语言特定折叠” 等选项
- 对于缩进语言（如 Python），确保启用了基于缩进的折叠
部分插件还能增强折叠能力，比如 Vue 或 Markdown 文件中的区块折叠。
基本上就这些。熟练运用折叠功能，能让代码结构更清晰，尤其在处理大文件时优势明显。关键是根据实际需要灵活切换视图，保持专注。