右键文件标签文字区域(如index.js)可触发分栏,垂直选Split Vertically、水平选Split Horizontally,立即生效且各窗格编辑状态独立;附加项目需在Project面板右键分栏,但node_modules不索引、Git状态以主项目为准。

右键标签触发分栏,不是点编辑区也不是侧边栏
分栏动作只响应在文件标签文字区域的右键——比如 index.js 这几个字上。点错位置(如编辑器空白处、侧边栏、标签边缘)会弹出文件上下文菜单,而不是分栏选项。垂直分栏选 Split Vertically,水平分栏选 Split Horizontally,操作后立即生效,不新建文件、不跳转、不卡顿。
连续分栏可形成 L 形三窗格,但不能靠“Move Right”模拟
先对 main.ts 标签右键选 Split Vertically,再对右侧新出现的同名标签右键选 Split Horizontally,就能得到左一右二(上/下)的 L 形布局。注意:Move Right 或 Move Down 只是调整标签顺序,仍在同一窗格内,完全不等于分栏;想脱离主窗口另开独立进程,得用 Shift + F4 或拖出边界。
分栏后光标、折叠、滚动状态各自独立
每个窗格维护自己的编辑状态:你在左侧滚动到第 80 行,右侧仍停在顶部;左侧收起某个函数块,右侧照样展开。这意味着:
- 适合对照修改:比如左窗格看接口定义,右窗格写实现,不用反复切标签
- 不适合同步操作:想批量改多处,得用多光标(
Ctrl+Alt+↑/↓),而不是依赖分栏 - 大文件慎用:分栏不共享内存,两个窗格同时加载
bundle.js会双倍吃内存
分栏和多项目共存时,Project 面板也要同步分栏
如果已通过 File → Attach Directory… 加入多个项目,Project 工具窗口默认只显示一个树。想并排浏览两个项目的结构,需在 Project 面板标题栏右键 → Split Vertically。这样左侧看主项目,右侧看附加项目,但要注意:
- 附加项目的
node_modules不会被自动索引,补全可能失效 - Git 状态以主项目根目录为准,附加项目里提交可能误判为“未跟踪文件”
- 真要隔离运行配置或依赖,不如直接开第二个 WebStorm 实例


















