WebStorm 2025.3起默认启用新UI,实现简洁风需关闭旧菜单栏、启用Compact Mode、精简标题栏小部件、禁用非必要状态栏元素,并统一使用官方Inter字体。

WebStorm 2025.3 起已默认启用新界面(New UI),所谓“简洁风”不是靠插件硬凑,而是关掉冗余、调低密度、统一字体、精简小部件——做减法比加主题更有效。
关闭旧式菜单栏,用新 UI 的紧凑标题栏
老用户常误以为“顶部菜单栏 = 简洁”,其实它占垂直空间、分散注意力。新 UI 默认隐藏了传统菜单栏(File/Edit/View…),改用右上角小部件聚合操作。
- 路径:
Settings → Appearance & Behavior → New UI,取消勾选Show main menu in separate toolbar - 若仍想保留菜单访问入口,右键标题栏图标 →
Customize Toolbar,只留Project、VCS、Run三个小部件即可 - Windows/Linux 用户注意:勾选该选项后,菜单会以独立工具栏形式出现,反而更臃肿;macOS 本就不显示,无需操作
启用 Compact Mode 并调低 Tab 高度
“简洁”最直接的体感来自视觉密度——高间距、大图标、粗边框都会拖慢扫视效率。Compact Mode 是 JetBrains 官方提供的密度控制开关,比手动调字体更底层。
- 开启方式:
View → Appearance → Compact Mode(或快捷键Ctrl+Shift+A搜 “Compact Mode”) - Tab 高度建议设为
26:路径Settings → Appearance & Behavior → Material Theme → Tabs → Tab Height(如装了 Material Theme 插件);未装插件则无法调此项,需先装 - Compact Mode 同时压缩状态栏、工具窗口标题栏、按钮内边距——但不会影响代码编辑区行高,所以不影响可读性
禁用非必要小部件和状态栏元素
新 UI 标题栏默认塞满小部件,但多数人日常只用到其中 1–2 个。多余的小部件不光占空间,还会在分支切换、运行配置变更时频繁重绘,造成轻微卡顿。
- 右键标题栏任意位置 →
Customize Toolbar,移除Search Everywhere、Quick Switch Scheme、TODO等低频项 - 关闭状态栏右侧的
Line Separator和Code Vision:路径Settings → Editor → General → Appearance,取消勾选Show line numbers外的杂项(如你不需要实时显示当前行号,可一并关掉) - Git 分支信息保留在 VCS 小部件里就够了,不必再在状态栏重复显示 —— 关闭
Settings → Version Control → Git → Show current branch in status bar
字体统一用 Inter,禁用自定义 UI 字体
很多人追求“极简”却去装第三方字体插件,结果 UI 元素渲染错位、图标模糊。WebStorm 自 2025.1 起已将 UI 字体统一为 Inter,这是专为屏幕阅读优化的无衬线字体,无需替换。
- 确认路径:
Settings → Appearance & Behavior → Appearance,确保Use custom font未勾选 - 若已勾选并设了其他字体(如
JetBrains Mono),会导致菜单文字发虚、图标对不齐——这不是 bug,是字体度量不匹配的必然结果 - 代码编辑区字体可单独设为
JetBrains Mono(路径:Settings → Editor → Font),它和 UI 字体互不干扰
真正让 WebStorm 看起来“简洁”的,从来不是换皮肤或加插件,而是删掉那些你三个月才点一次的按钮、关掉自动弹出的提示浮层、接受官方默认的 Inter 字体节奏。新 UI 的设计逻辑很明确:减少决策点,不是减少功能点。


















