如何在VS Code中一键折叠所有已展开的选择器与HTML元素
VS Code 一次性折叠所有已展开标签/选择器操作方案
以下操作均为VS Code原生支持,无需安装额外扩展:
1. 完全折叠所有代码块
适用于需要把当前文件所有嵌套结构(包括HTML标签、CSS选择器、其他编程语言代码块)全部折叠到最外层的场景:
- 快捷键操作:
- Windows/Linux:先按
Ctrl + K,松开后再按Ctrl + 0(末尾为数字0,不是字母O) - Mac:先按
Command + K,松开后再按Command + 0
- Windows/Linux:先按
- 右键菜单操作:在编辑器代码区域点击右键,依次选择「折叠」-「全部折叠」即可完成操作。
2. 按指定层级折叠
如果不需要完全折叠到最底层,仅需要折叠指定层级以上的结构,可以把上述快捷键末尾的数字替换为对应层级:
- 折叠到第1层级(仅保留最外层节点展开):
Ctrl + K+Ctrl + 1(Mac替换Ctrl为Command) - 折叠到第2层级:
Ctrl + K+Ctrl + 2 - 以此类推,数字越大,保留展开的层级越多。
补充:恢复全部展开
如果需要重新展开所有折叠的结构,快捷键为:Windows/Linux Ctrl + K + Ctrl + J,Mac Command + K + Command + J。
内容的提问来源于stack exchange,提问作者Вадим Кузьмич
相关产品推荐
相关产品推荐

