VSCode怎样开启代码折叠功能 一键折叠代码块高效操作技巧

vscode 支持代码折叠功能，可通过多种方式操作。1. 鼠标点击左侧小三角图标可展开或折叠代码块，适合局部隐藏；2. 使用快捷键 ctrl + shift + [（windows/linux）或 command + option + [（macos）一键折叠所有代码，对应快捷键也可展开全部；3. 通过命令面板执行“fold level x”按缩进层级折叠代码；4. 默认不保存折叠状态，但可通过插件如 fold plus 实现记忆折叠状态，提升浏览和编辑效率。

VSCode 默认就支持代码折叠功能，不过很多人刚开始用的时候可能没注意怎么操作，其实掌握几个小技巧就能快速折叠代码块，提高浏览和编辑效率。

鼠标点击折叠：最直观的方式

在代码编辑器的左侧，也就是行号旁边，你会看到一个小三角图标。点击这个图标就可以展开或折叠对应的代码块。这种方式适合偶尔需要折叠某一段代码的时候使用，比如查看函数结构、隐藏不关心的部分等。

• 函数内部代码折叠后，只保留函数声明那一行
• 类中的方法也可以单独折叠
• 如果是 HTML 或 JSX 这类嵌套结构，标签内的内容也能逐层折叠

这种操作虽然简单，但如果要折叠多个区域，一个个点就会有点麻烦。

快捷键一键折叠所有代码块

如果你希望一次性把当前文件中所有的可折叠代码都收起来，可以用快捷键：

• Windows/Linux：Ctrl + Shift + [
• macOS：Command + Option + [

这样可以把整个文件的所有代码块都折叠起来，只显示第一层结构。如果你想再展开全部，也有对应快捷键：

• Windows/Linux：Ctrl + Shift + ]
• macOS：Command + Option + ]

这个方法特别适合在看一个新项目时，先快速浏览整体结构，再有选择地展开关注部分。

折叠层级控制：按缩进级别折叠

有些时候你不想折叠全部，也不想一个个点，而是想根据代码缩进层次来折叠。VSCode 提供了“Fold Level”命令，可以按缩进深度来控制折叠程度。

例如：

• Fold Level 1：只折叠最外层（如类定义）
• Fold Level 2：折叠到第二层（如类中的方法）
• 依此类推，最多可以到 Fold Level 7 左右（取决于代码结构）

你可以通过命令面板（Ctrl + Shift + P）搜索 Fold Level X 来执行，也可以自己设置快捷键绑定。

小细节：折叠状态默认保存吗？

VSCode 不会自动记住上次关闭文件时的折叠状态。也就是说，每次打开一个文件，默认都会展开全部。如果你希望保持上次的折叠状态，可以安装一些插件来实现，比如 “Fold Plus” 或 “Save and Restore Folding State”。

不过对大多数日常使用来说，配合快捷键手动折叠已经够用了。

基本上就这些常用的方法。折叠代码看似简单，但熟练以后在阅读大型文件或者协作项目时，真的能节省不少时间。

以上就是VSCode怎样开启代码折叠功能 一键折叠代码块高效操作技巧的详细内容，更多请关注php中文网其它相关文章！