VSCode提供五种代码折叠方式:侧边栏控件、快捷键逐级控制、命令面板操作、自定义#region标记及设置调整。支持macOS快捷键Option+Cmd+[ / ],可折叠函数、类、注释块等,提升大型文件浏览效率。

如果您在使用 VSCode 编辑大型源文件时感到代码结构难以快速浏览,可能是因为未充分利用其内置的代码折叠功能。以下是几种高效控制代码折叠与展开的操作方式:
本文运行环境:MacBook Air,macOS Sequoia。
一、使用编辑器侧边栏折叠控件
VSCode 在代码行号左侧提供了可视化的折叠控件,点击即可对当前代码块进行折叠或展开,适用于快速定位和临时收起不相关逻辑。
1、将光标置于某段可折叠区域(如函数、类、if 块、对象字面量等)的第一行。
2、观察行号左侧出现的小三角形图标,点击该图标即可切换折叠/展开状态。
3、若需折叠整个文件所有可折叠区域,按住 Option 键(macOS)并点击任意一个折叠图标。
二、通过快捷键批量控制折叠层级
VSCode 提供了基于作用域层级的快捷键组合,允许用户按嵌套深度逐级折叠或展开,特别适合处理多层嵌套结构。
1、将光标置于任意位置后,按下 Option + Cmd + [ 折叠当前最内层可折叠区域。
2、重复执行该快捷键,可逐级向外折叠更高层级(如函数 → 类 → 文件顶层块)。
3、按下 Option + Cmd + ] 可反向逐级展开已折叠的区域。
三、使用命令面板执行折叠操作
命令面板提供统一入口访问所有折叠相关指令,支持模糊搜索,适合不熟悉快捷键或需精确控制折叠范围的场景。
1、按下 Cmd + Shift + P 打开命令面板。
启科网络商城系统由启科网络技术开发团队完全自主开发,使用国内最流行高效的PHP程序语言,并用小巧的MySql作为数据库服务器,并且使用Smarty引擎来分离网站程序与前端设计代码,让建立的网站可以自由制作个性化的页面。 系统使用标签作为数据调用格式,网站前台开发人员只要简单学习系统标签功能和使用方法,将标签设置在制作的HTML模板中进行对网站数据、内容、信息等的调用,即可建设出美观、个性的网站。
2、输入关键词 "Toggle Fold",选择“Editor: Toggle Fold”执行当前光标所在区域的折叠切换。
3、输入 "Fold All" 并执行,可一次性折叠文件中所有可折叠区域。
四、自定义折叠区域标记
对于非标准语法结构(如大段注释、配置块、Markdown 文档节),可通过特殊注释标记定义手动折叠区域,增强组织灵活性。
1、在希望折叠的代码块起始处添加 // #region 标签名。
2、在对应结束位置添加 // #endregion。
3、保存文件后,VSCode 会自动识别该区域为可折叠块,支持与原生折叠一致的所有操作。
五、调整折叠行为设置
VSCode 允许用户修改默认折叠策略,例如禁用特定语言的自动折叠、启用基于缩进的折叠等,以适配个人编码习惯。
1、打开设置界面,搜索关键词 "folding"。
2、找到 “Editor: Folding Strategy”,将其值由默认的 “auto” 改为 "indentation" 可启用缩进驱动折叠。
3、勾选 “Editor: Fold Enabled” 确保折叠功能处于激活状态,取消勾选将完全禁用所有折叠UI元素。









