掌握vscode代码折叠技巧可提升阅读效率。1. 基础操作：点击行号旁三角或用Ctrl+Shift+[/]折叠/展开。2. 多级控制：Ctrl+K,Ctrl+0到9折叠至指定层级，Ctrl+K,Ctrl+J全展开。3. 手动区域：用// #region和// #endregion标记自定义折叠块。4. 设置优化：启用折叠未使用代码、关闭自动展开导入，显示折叠标记。结合自动与手动折叠，让复杂代码更清晰。

VSCode 的代码折叠功能能帮助你快速整理代码结构，提升阅读效率。合理使用折叠，可以让你聚焦关键逻辑，减少视觉干扰。下面介绍几种实用的代码折叠技巧。

1. 基础折叠操作

VSCode 支持对代码块自动识别并提供折叠功能。常见可折叠区域包括函数、类、注释块、if/for 等控制语句。

• 点击代码行号左侧的 小三角图标 展开或收起代码块
• 使用快捷键 Ctrl + Shift + [ 折叠当前层级
• 使用快捷键 Ctrl + Shift + ] 展开已折叠的块

2. 多级折叠与全部折叠

复杂文件可能包含多层嵌套结构，VSCode 允许你按层级控制折叠深度。

• Ctrl + K, Ctrl + 0：折叠到第一层（仅显示顶层结构）
• Ctrl + K, Ctrl + J：展开所有折叠
• Ctrl + K, Ctrl + 1 到 Ctrl + K, Ctrl + 9：折叠到指定层级

3. 手动折叠区域（Fold Regions）

你可以通过添加特殊标记，手动定义可折叠区域，适用于长段注释或逻辑分组。

代码小浣熊

代码小浣熊是基于商汤大语言模型的软件智能研发助手，覆盖软件需求分析、架构设计、代码编写、软件测试等环节

51

查看详情

• 在代码中插入：// #region 描述 开始区域
• 用 // #endregion 结束区域
• 支持语言包括 javaScript、typescript、python（# region）、C#、Java 等

例如：

// #region 工具函数
function helperA() { … }
function helperB() { … }
// #endregion

4. 自定义折叠设置

根据语言特性调整折叠行为，提升体验。

• 打开设置（Ctrl + ,），搜索 “folding”
• 启用 “折叠未使用代码”（需要语言支持）
• 关闭 “自动展开导入” 避免频繁展开
• 设置 “编辑器 > 折叠: 标记” 显示折叠范围提示

基本上就这些。掌握这些技巧后，大文件也能轻松浏览。关键是结合自动和手动折叠，让代码结构更清晰。不复杂但容易忽略。