WebStorm 2025.2 Help

外观

在此页面更改 IDE 的整体外观和风格。

设置 | 外观与行为 | 外观

选项

描述

主题

从列表中选择用户界面主题。 默认情况下,您可以选择浅色、深色或高对比度主题。 您可以将其他主题作为插件安装。 有关详细信息,请参阅 用户界面主题

与操作系统同步

检测当前系统设置并相应使用暗色或浅色主题。

单击 设置按钮 以选择将在与操作系统同步设置时应用的 配色方案用户界面主题

编辑器配色方案

选择一个 配色方案 ,定义各种文本资源的颜色、字体和语法高亮。

当前主题的默认配色方案会在列表中标明。

单击 设置按钮 以打开 配色方案设置 、将配色方案导出为文件,或导入配色方案。

辅助功能

选项

描述

缩放

对整个 IDE 放大或缩小,从而一次性增减所有用户界面元素的大小。

您也可以从主菜单访问此设置:选择 视图 | 外观(A) | 缩放IDE

使用自定义字体

指定用于 WebStorm 用户界面的自定义字体系列和字体大小。

支持屏幕阅读器

为 WebStorm 启用屏幕阅读器支持。 有关详细信息,请参阅 辅助功能

Use contrast scrollbars

使编辑器中的 滚动条 更加醒目。

针对红-绿色觉缺陷调整颜色

调整用户界面颜色,以便在红绿色盲(前红和前绿)情况下更好地感知颜色。

用户界面选项

项目

描述

紧凑模式

在此模式下,IDE 的工具栏和工具窗口标题高度更小,间距和内边距缩小,图标和按钮变小。 该模式适用于较小的屏幕。

始终在窗口标题中显示完整路径

在主窗口标题中显示项目和当前文件的完整路径。 禁用时,仅显示项目和文件名称。

在主工具栏中使用项目颜色

使用彩色标题以简化在多个打开项目之间的导航。 有关详细信息,请参阅 配置工具栏颜色

Show main menu in a separate toolbar

(Windows 和 Linux)

将主菜单显示为 单独的工具栏。 主菜单是在程序窗口中与 文件(F)编辑(E)视图(V) 等菜单一起显示的标准菜单栏。

仅按下Alt 时拖放

避免意外移动文件、编辑器标签、工具窗口按钮和其他用户界面组件。 启用该功能后,按住 Alt 键以移动元素。

默认情况下,此选项处于禁用状态,您无需使用其他按键即可移动所有内容。

平滑滚动

平滑滚动用户界面,按像素而不是按行滚动。

默认情况下,这也会启用 Windows 和 Linux 上的动画平滑滚动。 您可以将其禁用以改用精确滚动:按 Ctrl+Shift+A ,找到并打开 平滑滚动选项 对话框,然后禁用 动画平滑滚动(N) 复选框。

平滑滚动选项对话框

在此对话框中,您还可以设置滚动动画持续时间,并根据 https://cubic-bezier.com/#.17,.67,.83,.67 更改动画的外观。

在控件中启用助记键

为在对话框中使用控件而可以按下的快捷键添加下划线。

在菜单中启用助记键(M)

为执行菜单操作而可以按下的快捷键加下划线。

在菜单项显示图标

在主菜单和上下文菜单项左侧显示图标。

合并主菜单和窗口标题

(Windows 和 Linux)

在同一栏中显示主菜单和 IDE 窗口标题。

切换条目时保持弹出窗口打开

启用此功能后,在启用或禁用选项时菜单将保持打开状态。 菜单会在将焦点切换到其他用户界面元素或按下 Escape 后关闭。

背景图像…

为 IDE 配置 自定义背景图像

树状视图

项目

描述

显示缩进参考线

显示垂直线以标示树状视图中的缩进级别,例如在 项目 工具窗口 Alt+1 中。 这些线条可以帮助您更清晰地了解 项目 中组件的层级结构。

工具窗口中的树形缩进线

使用较小的缩进

减少工具窗口边框与树状视图中文本之间的空间,例如在 项目 工具窗口 Alt+1 中。

工具窗口

项目

描述

显示工具窗口栏

在主窗口边缘显示工具窗口栏。 有关详细信息,请参阅 工具窗口栏与按钮

显示工具窗口名称

工具窗口栏上显示工具窗口名称。

宽屏工具窗口布局

优化工具窗口在宽屏显示器上的布局:通过限制水平工具窗口的宽度来最大化垂直工具窗口的高度。 如需详细了解,请参阅 针对宽屏显示器优化

左侧并排布局

将附加在左侧上下边缘的工具窗口以两列方式显示。 如需详细了解,请参阅 针对宽屏显示器优化

右侧并排布局

将附加在右侧上下边缘的工具窗口以两列方式显示。 如需详细了解,请参阅 针对宽屏显示器优化

记住每个工具窗口的大小

在重新打开或切换工具窗口时记住每个工具窗口的单独宽度。

禁用此选项时,工具窗口使用统一的默认宽度,切换窗口时其大小保持不变。

演示模式

描述

缩放

演示模式下放大或缩小整个 IDE。

抗锯齿

选项

描述

IDE

选择要应用于 IDE(包括菜单、工具窗口等)的抗锯齿模式:

  • 子像素 :建议在 LCD 显示器上使用此选项,利用彩色 LCD 显示器中每个像素由红、绿、蓝子像素组成的特点。 这可平滑文本并呈现出更高的细节。

  • 灰度 :建议在非 LCD 显示器或垂直放置的显示器上使用此选项。该选项以像素级别处理文本。 该选项以像素级别处理文本。

  • 无抗锯齿 :适用于高分辨率显示器,非抗锯齿字体渲染速度更快,外观也可能更好。

编辑器

选择要应用于编辑器的抗锯齿模式:

  • 子像素 :建议在 LCD 显示器上使用此选项,利用彩色 LCD 显示器中每个像素由红、绿、蓝子像素组成的特点。 这可平滑文本并呈现出更高的细节。

  • 灰度 :建议在非 LCD 显示器或垂直放置的显示器上使用此选项。该选项以像素级别处理文本。 该选项以像素级别处理文本。

  • 无抗锯齿 :适用于高分辨率显示器,非抗锯齿字体渲染速度更快,外观也可能更好。

最后修改日期: 2025年 9月 26日