VSCode中强大的代码折叠与展开功能详解，vscode 折叠所有区域代码快捷键

正文：

在编写或阅读复杂代码时，代码折叠与展开功能是提升效率的利器。VSCode作为开发者广泛使用的编辑器，其折叠功能不仅强大，还支持高度自定义。本文将带你全面掌握这些技巧，告别手动滚动代码的繁琐。

基础操作：快速折叠与展开

VSCode默认支持基于语法结构的智能折叠。例如，在JavaScript中，函数、循环或条件语句会自动显示折叠箭头。只需点击行号旁的「-」图标，或使用快捷键：
– 折叠当前区域：Ctrl + Shift + [（Windows/Linux）或 Cmd + Option + [（Mac）
– 展开当前区域：Ctrl + Shift + ]（Windows/Linux）或 Cmd + Option + ]（Mac）

若要折叠所有区域，使用命令面板（Ctrl + Shift + P）搜索“折叠所有”即可。

进阶技巧：自定义折叠区域

对于不支持自动折叠的语言或特定代码块，可通过注释标记实现手动折叠。VSCode识别以下格式：
javascript
//#region 自定义折叠
function complexLogic() {
// 大量代码...
}
//#endregion
标记后，代码块上方会出现折叠箭头，效果与语法折叠一致。

快捷键组合：效率翻倍

除了基础折叠，以下组合键能大幅提升操作流畅度：
– 递归折叠：Ctrl + K → Ctrl + [（逐层折叠嵌套代码）
– 展开所有子区域：Ctrl + K → Ctrl + ]
– 切换折叠状态：Ctrl + K → Ctrl + L（快速展开/折叠当前块）

实用场景示例

1. 阅读大型文件：折叠无关函数，聚焦核心逻辑。
2. 调试时隔离代码：临时折叠已验证部分，减少干扰。
3. 教学演示：逐步展开代码块，引导观众理解流程。

配置个性化折叠

在settings.json中，可调整折叠策略：

  
{  
  "editor.foldingStrategy": "auto", // 可选 "indentation" 强制按缩进折叠  
  "editor.showFoldingControls": "mouseover" // 折叠箭头显示方式  
}  

注意事项

• 部分插件（如Prettier）可能重排代码，导致自定义标记失效，需检查插件配置。
• 折叠状态不会随文件关闭保存，需依赖会话恢复功能。

掌握这些技巧后，代码导航将变得行云流水。无论是万行项目还是临时脚本，合理折叠能让你的注意力始终集中在关键逻辑上，真正实现“所见即所需”。