如何在VS Code中点击折叠范围末尾行号折叠代码块？
2026-7-20
在VS Code实现点击闭合div标签行gutter折叠代码块的方法
VS Code原生默认不支持直接点击闭合标签（比如</div>）所在行的gutter来折叠对应代码块，它默认只能点击起始标签行的gutter箭头来触发折叠。不过你可以通过扩展来实现和WebStorm一样的功能，具体如下：
一、原生替代方案（非点击gutter）
如果不想装扩展，可以选中闭合标签后，用快捷键快速折叠：
- Windows/Linux：
Ctrl+Shift+[ - Mac：
Cmd+Shift+[
二、扩展实现（和WebStorm行为一致）
推荐两个靠谱的扩展：
- Close Tag Folding：专门针对闭合标签折叠需求，安装后，HTML、JSX等文件里的闭合标签行gutter会出现折叠箭头，点击就能直接折叠对应代码块，完全匹配你要的效果。
- Better Folding：这款扩展增强了VS Code的整体折叠能力，不仅支持从闭合标签触发折叠，还优化了多种语言的折叠逻辑，功能更全面。
安装扩展的步骤很简单：打开VS Code的扩展面板（快捷键Ctrl+Shift+X/Cmd+Shift+X），搜索上面的扩展名称，点击「安装」即可。
内容的提问来源于stack exchange，提问作者Ridvan Sumset
相关产品推荐
相关产品推荐
