webstorm折叠长代码块需结构、语言、配置三者对齐：ctrl+.仅对可识别语法节点生效；须在settings中启用jsx/ts/imports等折叠选项；自定义region需// region（独占行且后跟空格）；逐层展开用ctrl+shift+.。
WebStorm 折叠长代码块，核心靠快捷键 + 设置配合，不是所有代码都能一键折——得看结构、语言、配置三者是否对齐。
Ctrl + . 为什么有时没反应
这个快捷键只对「光标所在位置可识别的语法节点」生效，不是万能折叠键。
- 光标必须落在函数体、
if块、对象字面量、class定义等有明确作用域边界的内部，才可能触发折叠 - 写在顶层的纯表达式（比如
const x = { a: 1, b: 2 };）默认不折叠，除非启用了One-line object literals选项 - JSX 元素、TS 类型别名、
import语句默认关闭折叠——要去Settings > Editor > General > Code Folding手动勾选对应项 - 用中文输入法或非英文键盘布局时，
.键可能被拦截，切英文输入法再试
折叠整个函数或类的方法体
最常用也最容易混淆的是这组快捷键，不同组合行为差异明显：
-
Ctrl + -：只折叠光标所在「当前最小可折叠块」（比如一个for循环，但不碰外层函数） -
Ctrl + Alt + -：折叠「当前块及其所有子块」（比如光标在函数内，会把整个函数连同里面的if、for全部收起） -
Ctrl + Shift + -：折叠文件里所有已启用的折叠区域（含函数、注释块、自定义 region） - 展开对应把
-换成+，但注意：Ctrl + +在多数键盘上需按Shift + =，不是小键盘加号
想折哪就折哪：自定义 region 折叠
当语法结构不支持、或你只想临时隐藏一段调试逻辑时，region 注释最可靠：
- 选中代码 → 按
Ctrl + .→ 选Fold Selection（立刻生效，不依赖语法） - 或手动加注释标记（JS/TS/Java 都认）：
// region API handlers<br>fetch('/user').then(...);<br>// endregion - 注意：
// region必须独占一行，且不能带多余空格或符号，否则 WebStorm 不识别 - 折叠后，编辑器左侧会出现小箭头，鼠标悬停显示 region 描述，点一下就能展开
嵌套太深时怎么快速展开某一层
逐个点小箭头效率低，尤其在 useEffect 或多层 Promise 链里找某个 return：
- 把光标移到已折叠的标记上（比如显示
... 12 lines的那行），按Ctrl + Shift + .—— 这是「逐层展开」专用键 - 连按多次，它会一层一层往外展，比
Ctrl + Shift + +（全展开）更精准 - 如果用了自定义 region，它也支持同样操作；但 JSX 内联表达式（如
{items.map(...)}）即使写了// region，也可能因解析限制无法折叠
真正容易被忽略的点是：WebStorm 的折叠能力高度依赖语言服务状态。TS 文件里如果类型推导失败、或存在语法错误，interface 和泛型类型定义就大概率无法折叠——这时不是设置问题，而是先修红波浪线再说。
