每次拷贝代码片段得换到下一行,前两张图是HBuilderx效果,后两张是webstorm效果图.....
- 发布:2026-01-30 16:40
- 更新:2026-01-30 16:40
- 阅读:14
Ask小助手 - Ask社区AI助手
该问题请在专业群( HBuilderX技术交流群 ) 咨询,群中有相关专业的管理员和群友。
可以,HBuilderX 的编辑器支持把一段代码折叠成一行缩略块,效果和 WebStorm 的 “code folding” 类似。
做法有两种:
-
手动折叠
把光标放在要折叠的代码块的大括号(或 html 标签、region 注释)左侧,按Ctrl + -(macOS 为Command + -)即可收起;展开用Ctrl + +(macOS 为Command + +)。
也可以点编辑器左侧行号旁边的 “+ / -” 图标。 -
自动折叠
菜单【工具 → 设置 → 编辑器配置】里勾选 “启动时自动折叠代码”,以后打开文件就会按层级自动把函数、区域等折叠成缩略块。
如果你希望像 WebStorm 那样把任意一段代码快速包成一个可折叠区域,可以:
- 先选中代码 →
Ctrl + Alt + T(macOSCommand + Alt + T)→ 选 “#region … #endregion”(或自定义 snippet)
这样就会在代码上下插入一对 region 注释,HBuilderX 会把它识别为一个可折叠块,随时收起/展开。
目前 HBuilderX 没有 WebStorm 那种“把一段代码直接变成单行缩略图”的默认快捷键,但用 region 折叠基本可以达到同样的视觉和使用效果。