VSCode默认开启代码折叠,支持通过鼠标点击、快捷键(如Ctrl+Shift+[)、设置调整折叠策略(auto或indentation),并可用#region自定义折叠区域,提升大文件阅读效率。

VSCode的代码折叠功能默认是开启的,可以通过鼠标、键盘快捷键或设置项来控制代码区域的展开与收起。如果想自定义折叠行为或调整相关设置,可以按以下方式操作。
1. 使用鼠标和键盘快速折叠
在编辑器左侧的行号旁边,如果有小三角图标,点击即可折叠对应的代码块(如函数、类、注释等)。
常用快捷键:
- Ctrl + Shift + [:折叠当前光标所在的代码块
- Ctrl + Shift + ]:展开当前折叠的代码块
- Ctrl + K, Ctrl + 0:折叠全部区域
- Ctrl + K, Ctrl + J:展开所有折叠区域
2. 调整折叠的触发范围
VSCode支持按语言结构(如括号、缩进)进行折叠。可以在设置中更改折叠策略:
文件 → 首选项 → 设置(或使用 Ctrl + ,)搜索关键词 "folding",找到以下选项:
-
Editor: Folding Strategy:可选
auto(默认,基于语言服务)或indentation(基于缩进层级) - Editor: Fold Keybinding:设置是否启用通过快捷键折叠
- Editor: Show Folders:控制是否显示折叠标记(小箭头)
3. 手动定义可折叠区域(代码段标记)
你可以在代码中添加特定注释,创建自定义折叠区域:
技术上面应用了三层结构,AJAX框架,URL重写等基础的开发。并用了动软的代码生成器及数据访问类,加进了一些自己用到的小功能,算是整理了一些自己的操作类。系统设计上面说不出用什么模式,大体设计是后台分两级分类,设置好一级之后,再设置二级并选择栏目类型,如内容,列表,上传文件,新窗口等。这样就可以生成无限多个二级分类,也就是网站栏目。对于扩展性来说,如果有新的需求可以直接加一个栏目类型并新加功能操作
- // #region 和 // #endregion(JavaScript/TypeScript)
- #region 和 #endregion(C#、Python、Java 等部分语言也支持)
例如:
// #region 工具函数
function helperA() { ... }
function helperB() { ... }
// #endregion
保存后,这段代码左侧会出现可折叠按钮,方便组织大文件。
4. 按语言配置折叠行为
某些语言可能需要安装扩展来增强折叠能力(如 Python 的 docstring 折叠)。可在 settings.json 中为特定语言设置:
"[python]": {
"editor.foldingStrategy": "indentation"
}
这样可以让 Python 文件按缩进层级折叠,更适合无大括号的语言。
基本上就这些。合理使用折叠能提升阅读效率,尤其在处理大型文件时更清晰。根据语言和习惯调整设置,效果更好。









