右键文件标签可快速垂直或水平拆分：选“split vertically”左右并排，选“split horizontally”上下分屏；必须点在标签文字上，错点会弹出文件菜单；连续操作可形成l形三窗格。
怎么快速垂直或水平拆分当前文件标签
直接右键点击编辑器顶部的 文件标签，就能看到「Split Vertically」和「Split Horizontally」两个选项——选哪个就朝哪个方向切一刀，不新建文件、不跳转、不弹窗，秒级生效。
常见错误是点错位置：必须右键在标签文字区域（比如 index.js 这几个字上），而不是编辑区空白处或侧边栏；点错地方会弹出文件上下文菜单，不是编辑器分屏菜单。
- 垂直拆分 → 左右并排显示同一文件（适合对照看函数头和实现）
- 水平拆分 → 上下分屏（适合一边写逻辑、一边看返回值结构）
- 可连续操作：先垂直拆，再对右侧标签水平拆，形成「L 形」三窗格布局
想把一个文件拖到独立窗口，而不是切分主编辑器
这不是「拆分」，而是「脱离主窗口」。最稳的方式是：按住 Shift + F4，当前标签会立刻飞进一个新系统级窗口；或者用鼠标直接把标签拖出 WebStorm 主界面边界，等缩略图预览出现后松手。
注意这个动作和「Split」本质不同：它不共享编辑器状态（比如光标位置、折叠状态、滚动偏移），两个窗口完全独立；但好处是能跨显示器摆放，适合大屏开发者。
- 拖出窗口后，关掉它不会影响主 IDE 的其他标签
- 想收回来？直接把独立窗口里的标签拖回主 IDE 标签栏，悬停出现虚线框时松手即可
- 别用「Move Right」或「Move Down」代替——那只是换位置，仍在同一窗口内
怎么撤销分屏，又不关掉其他文件
右键任意被拆分后的标签，选 Unsplit，只关闭当前这一组分割器；如果整个编辑器乱成蜂窝状，右键任一标签选 Unsplit All，所有分割瞬间清空，只剩原始单面板。
容易踩的坑是误点 Close 或 Close Others——那会真把文件关掉，而分屏本身还在；还有人试图拖动分割线到极限来“合并”，结果只是把一个窗格压成像素级窄条，实际仍占用资源、影响滚动同步。
-
Unsplit是局部还原，适合修整某一块布局 -
Unsplit All是全局重置，适合布局失控时一键回退 - 快捷键不存在，必须靠右键菜单；没有 Ctrl+Z 撤销分屏操作
多项目协同编辑时，分屏和项目根目录的关系
WebStorm 不允许直接在一个分屏里打开另一个项目的根目录——分屏只是编辑器视图切分，不是项目加载机制。真正要并排看两个项目，得先用 Add Content Root 把第二个项目加进当前工程，再分别打开各自文件，最后手动分屏。
否则你会遇到：右边窗格里打开 project-b/src/api.js，但左边死活找不到它的 package.json，因为没加 content root，IDE 根本不识别那个路径为合法项目上下文。
- 加 content root 后，语法检查、跳转、自动导入才对两个项目同时生效
- 分屏只是视觉辅助，项目逻辑隔离仍靠 content root 和模块配置
- 别指望靠分屏绕过项目结构限制——它解决不了依赖解析、tsconfig 范围或 ESLint 作用域问题
