VSCode代码折叠功能支持多种方式:点击箭头、快捷键、命令面板及按区域类型折叠;可自定义基于缩进的折叠、默认层级和提示装饰器;集成语言服务后能智能识别JSX、Vue组件等结构,提升大型文件编辑效率。

VSCode 的代码折叠功能非常实用,尤其在处理大型文件或复杂结构时能显著提升阅读和编辑效率。
支持多种折叠方式
你可以通过以下几种方式来折叠代码:
- 点击代码行号旁边的折叠箭头
- 使用快捷键(如 Ctrl + Shift + [ 折叠,Ctrl + Shift + ] 展开)
- 通过命令面板执行“Fold”或“Unfold”命令
- 按区域类型折叠,比如注释、函数、类、条件块等
可自定义折叠策略
VSCode 允许你控制折叠的粒度。在设置中可以调整:
- 是否启用基于缩进的折叠(对 Python 等语言特别有用)
- 默认折叠的层级
- 是否显示折叠提示装饰器
与语言服务深度集成
配合语言插件(如 Prettier、ESLint、Volar),代码折叠能更智能地识别语法块。例如:
- React 组件中的 JSX 块可以独立折叠
- Vue 单文件组件自动分段折叠
- 长注释或 TODO 注释也能被识别为可折叠区域
基本上就这些,用起来不复杂但容易忽略细节。开启后你会发现代码整洁很多。










