WebStorm 2025.2 Help

辅助功能

WebStorm 允许启用各种辅助功能,以满足您的需求。您可以使用屏幕阅读器或调整字体大小、颜色以及某些 UI 元素的行为,使使用 WebStorm 的过程更为轻松。 您可以使用屏幕阅读器或调整字体大小、颜色以及某些 UI 元素的行为,使使用 WebStorm 的过程更为轻松。

设置屏幕阅读器

目前,WebStorm 在 Windows 上完全支持屏幕阅读器。

启用屏幕阅读器

  1. 下载并启用您偏好的屏幕阅读器:

    • NVDA :请使用 NVDA 2019.3 或更高版本,以确保与 64 位 Java 应用程序(例如 WebStorm)兼容。

      下载、安装并启用 NVDA。

    • JAWS :请使用 JAWS 12.0.1158 64 位或更高版本,以确保与 64 位 Java 应用程序(例如 WebStorm)兼容。

      下载所需版本后重启计算机,以启用 JAWS 屏幕阅读器。

    启用系统内置的 VoiceOver 屏幕阅读器。

  2. 请确保已安装 Java Access Bridge 以及屏幕阅读器所需的正确 Java 版本,具体如下:

    • 要启用 Java Access Bridge ,请打开命令提示符并输入 [JRE_HOME]\bin\jabswitch -enable ,其中 [JRE_HOME] 是您机器上 JRE 的目录。 对于 Java 1.8 版本,Java Access Bridge 是 JDK 的一部分,您无需单独下载。 请通过控制面板启用 Java Access Bridge。

    • 如果您的屏幕阅读器是 32 位的,请安装 32 位 JRE 1.7 或更高版本。 如果您的屏幕阅读器是 64 位的,请安装 64 位 JRE 1.7 或更高版本

    您的计算机可能安装了多个版本的 Java Access Bridge 的某些关键组件,它们之间可能存在版本不兼容的问题。 您需要验证 Java Access Bridge 的配置是否正确。

    如果您的屏幕阅读器是 32 位的,请确保存在 C:\Windows\SysWOW64\WindowsAccessBridge-32.DLL 且版本号为 7.x.x.x 或更高。 该文件的描述应为“Java(TM) Platform SE 7”。

  3. 检测到屏幕阅读器安装时,WebStorm 会自动显示提示,建议启用屏幕阅读器支持。

    首次启动 WebStorm 时,在打开的对话框中点击 启用

    屏幕阅读器支持也可以在之后启用,或手动为已安装并配置的 WebStorm 版本启用。

安装并设置 WebStorm

  1. 下载并安装 WebStorm。

  2. 要在首次启动 WebStorm 之前启用屏幕阅读器支持,请执行以下操作:

    1. 打开包含个人设置(例如键位映射、配色方案等内容)的 configuration 目录。

      语法

      %APPDATA%\JetBrains\<product><version>

      示例

      C:\Users\JohnS\AppData\Roaming\JetBrains\WebStorm2025.2

      语法

      ~/Library/Application Support/JetBrains/<product><version>

      示例

      ~/Library/Application Support/JetBrains/WebStorm2025.2

    2. 创建一个名为 idea.properties 的文件。

    3. ide.support.screenreaders.enabled=true 属性添加到所创建的文件中。

  3. 启动 WebStorm。 位于 设置 | 外观与行为 | 外观 中的 支持屏幕阅读器 选项将被启用。

自定义 IDE

您可以根据辅助功能需求自定义 IDE。

调整红绿色盲模式的配色

如果您有红绿色盲,您可以调整 IDE 和编辑器的颜色。 此时,诸如通常以红色显示的错误或通常以绿色显示的字符串等代码提示信息将以中性色显示。 测试运行器中进度条的颜色也会被调整,以便更易识别。

  1. Ctrl+Alt+S 打开设置,然后选择 外观与行为 | 外观

  2. 选择 针对红-绿色觉缺陷调整颜色 并保存更改。

    请查看以下示例: “更改前” 图像中的 String 以绿色高亮显示, Errors 以红色高亮显示;而在 “更改后” 图像中,颜色已被调整。

    调整颜色前的高亮显示
    调整颜色后的高亮显示

为滚动条添加对比色

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

  1. Ctrl+Alt+S 打开设置,然后选择 外观与行为 | 外观

  2. 在右侧的选项中,于 无障碍功能 部分下选择 Use contrast scrollbars

    添加对比效果前的滚动条
    添加对比效果后的滚动条

配置代码元素、编辑器、滚动条、超链接等的颜色

您可以调整代码元素、错误、编辑器元素和工具窗口的颜色。 您还可以为编辑器中的垂直滚动条配置颜色。

  1. Ctrl+Alt+S 打开设置,然后选择 编辑器 | 颜色方案 | 常规

  2. 在右侧的列表中,选择想要调整颜色的元素。 例如,您可以选择 代码 并调整注入语言片段或匹配括号等的颜色。 单击 确定 以保存更改。

您还可以调整调试器、控制台和 IDE 其他部分的颜色:在 设置 | 编辑器 | 配色方案 中的选项列表中选择相应的节点。

正在配置插入符号行的颜色

替换默认 UI 字体

您可以覆盖 UI 元素的默认字体。

  1. Ctrl+Alt+S 打开设置,然后选择 外观与行为 | 外观

  2. 在右侧的选项中,从 使用自定义字体 列表中选择字体,并在 大小 字段中指定字体大小。

  3. 单击 确定 以保存更改。

更改 UI 图标和文本的字体大小

结果将调整 UI 中图标和文本的大小。

调整工具窗口大小

您可以使用快捷键垂直或水平调整实际工具窗口的大小。

  • 要向上或向下垂直调整,请按 Ctrl+Alt+Shift+UpCtrl+Alt+Shift+Down

  • 要向左或向右水平调整,请按 Ctrl+Alt+Shift+LeftCtrl+Alt+Shift+Right

调整编辑器中文字的大小

您可以更改编辑器中字体及其文本大小。

  1. Ctrl+Alt+S 打开设置,然后选择 编辑器 | 常规

  2. 在右侧的选项中,选择 使用 Ctrl+鼠标滚轮更改字体大小(缩放) 选项,以便在编辑器中工作时通过滚动鼠标轮快速更改文本大小。

  3. 如果需要指定精确字体大小,请选择 编辑器 | 字体

  4. 在右侧的选项中,指定字体、其大小、行距以及其他可用选项。 单击 确定 以保存更改。

设置所有 UI 元素的缩放级别

您可以根据需要为整个 IDE 设置缩放级别,使其小于或大于默认比例。

  1. 转到 视图 | 外观 并选择 缩放IDE

  2. 要预览不同的缩放级别,请将鼠标悬停在弹出窗口中的选项上。

    IDE 缩放级别
  3. 单击所需的缩放级别以应用更改。

  1. Ctrl+Alt+S 打开设置,然后选择 外观与行为 | 外观

  2. 辅助功能 部分中,单击 缩放 字段并输入您的值。

    输入自定义缩放级别
  3. 单击 确定(O) 以应用更改。

自定义快捷键

您可以为常用操作配置自定义快捷键。

  1. Ctrl+Alt+S 打开设置,然后选择 键位映射

  2. 在右侧的选项列表中(例如菜单、操作和工具),选择所需的操作。

  3. 右键单击所选项,在上下文菜单中选择想要执行的操作,例如 添加键盘快捷键添加鼠标快捷方式添加缩写

    为某个操作添加键盘快捷键
  4. 在打开的对话框中,指定快捷键。 如有必要,选择 第二次按下 选项,并为快捷键指定附加键。 要保存更改,请单击 确定 使用鼠标 (如果按下 Enter ,WebStorm 将其视为快捷键)。

自定义智能键的行为

您可以配置智能键的行为。

  1. Ctrl+Alt+S 打开设置,然后选择 编辑器 | 常规 | 智能键

  2. 在右侧的选项中,选择或取消选择智能键选项。 例如,您可以取消选择 插入成对括号插入成对引号 选项,这些选项会自动插入右括号或引号,在使用屏幕阅读器时可能无用。 单击 确定 以保存更改。

禁用自动代码补全

您可以禁用自动代码补全,以防在通过屏幕阅读器在编辑器中工作时自动插入代码元素。

  1. Ctrl+Alt+S 打开设置,然后选择 编辑器 | 常规 | 代码补全

  2. 取消选择 类型匹配补全 选项。 如有必要,取消选择 基本补全 以同时禁用基本补全。

自定义代码折叠

您可以控制代码折叠行为,并指定应折叠或不应折叠的内容。

  1. Ctrl+Alt+S 打开设置,然后选择 编辑器 | 常规 | 代码折叠

  2. 在右侧选项中,选择默认应折叠的内容。

自定义代码样式

您可以配置空格、制表符和缩进。

  1. Ctrl+Alt+S 打开设置,然后选择 编辑器 | 代码样式 | [Language]

  2. 在右侧的选项中,单击 制表符和缩进 以配置制表符,或 空格 以配置空格的使用方式和位置。

  3. 单击 确定 以保存更改。

在编辑器中读取边距图标和行号

您可以配置屏幕阅读器读取编辑器左侧边距中的行号、VCS 注解、调试器以及其他图标。

  1. 在编辑器中打开文件。

  2. Alt+Shift+6, F 以将焦点置于边距。 WebStorm 将从光标当前所在的行开始读取。

  3. 使用 向上向下 方向键在各行之间移动。 如果需要移动到行中的下一个或上一个边缘元素,请分别使用 向右向左 方向键。

    当焦点位于边缘区域时,屏幕阅读器可以读取边缘图标的工具提示(如果有)。

    要访问工具提示,请按下组合快捷键 Alt+Shift+6, T。 要逐个符号浏览工具提示的内容,请使用 向右向左 方向键。

  4. Escape 可将焦点切换回编辑器。

设置高对比度颜色主题

您可以为 WebStorm 设置高对比度界面主题。 界面主题定义窗口、对话框和控件的外观。

  1. Ctrl+Alt+S 打开设置,然后选择 外观与行为 | 外观

  2. 主题 列表中选择 高对比度 ,然后点击 确定 以应用更改。

设置高对比度配色方案

您可以为编辑器设置高对比度配色方案。 WebStorm 使用配色方案帮助您在编辑器中定义首选颜色和字体。

  1. Ctrl+Alt+S 打开设置,然后选择 编辑器 | 颜色方案 | 配色方案字体

  2. 配色方案字体 页面,从 方案 列表中选择 高对比度

  3. 点击 确定 以应用更改。

您可以查看 编辑器基础知识WebStorm 快捷键用户界面 ,以了解更多实用快捷键。

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