VSCode支持自定义代码折叠,可通过"editor.foldingStrategy"设置缩进或语法感知策略,使用#region和#endregion手动定义可折叠区域,并通过"editor.showFoldingControls"控制折叠图标显示,结合"editor.foldOnOpen"等设置优化折叠体验。

可以调整。VSCode 提供了多种方式来自定义代码折叠行为,包括基于语言、区域范围以及折叠策略的设置。
支持的折叠策略
VSCode 支持两种主要的代码折叠策略:
- indentation(缩进):根据代码的缩进层级进行折叠,适用于没有明确语法块的语言或结构。
- syntax-aware(语法感知):依据语言的语法结构(如函数、类、注释块等)进行智能折叠,这是大多数编程语言的默认方式。
可以通过设置切换策略:
"editor.foldingStrategy": "indentation" 或 "editor.foldingStrategy": "auto"启用/禁用折叠区域提示
你可以在编辑器侧边显示折叠图标,也可以关闭它们:
- "editor.showFoldingControls": "always" — 始终显示折叠箭头
- "editor.showFoldingControls": "mouseover" — 鼠标悬停时显示
手动定义可折叠区域
在代码中使用特定注释标记,可以创建自定义折叠区域:
一款代码非常容易看懂的jquery广告特效,点击可以折叠亦可收缩,默认是在网页左下角。 可调整JS中$('.main').css('left','-262px');变量,来改变窗口的位置,默认为500的速度,亦可根据实际需要调节,简单方便
-
JavaScript / TypeScript / C++ 等:
// #region 可折叠名称
// #endregion -
Python:
# region 可折叠名称
# endregion
这些区域在折叠面板中会作为一个独立块出现,方便组织大段代码。
其他实用设置
一些相关配置项增强折叠体验:
- "editor.foldOnOpen": true — 打开文件时自动折叠已保存的折叠状态
- "editor.foldingHighlight": false — 关闭折叠区域边框高亮,减少视觉干扰
- "editor.fillFinalLine": false — 控制是否将最后一行空白包含进折叠范围
基本上就这些。通过组合使用语言特性和编辑器设置,你可以灵活控制 VSCode 的代码折叠行为,适应不同项目和阅读习惯。









