代码覆盖率

使用 WebStorm，您还可以监控代码中已通过测试覆盖的部分。 WebStorm 会在专用的覆盖工具窗口中显示此统计信息，并在编辑器和项目工具窗口 Alt+1 中以可视化方式标记已覆盖和未覆盖的行。

覆盖率测量的结果保存在覆盖率套件中。您还可以将其与任何现有套件合并。在这种情况下，如果某行至少被一次测试运行覆盖，则视为已覆盖。

代码覆盖率测量适用于 Jest、 Mocha、 Karma 和 Vitest。

运行测试并生成覆盖率报告

创建一个 Jest、 Mocha、 Karma 或 Vitest 运行配置，从工具栏上的运行小部件中选择它，点击旁边的，然后从列表中选择运行“<configuration name>”并启用覆盖。
或者，使用边栏中的测试图标快速运行特定套件或带有覆盖率的测试：

对于特定运行的覆盖数据收集称为覆盖套件。

WebStorm 可以同时显示一个或多个覆盖套件的结果。如果选择了多个 suite，IDE 将显示这些 suite 的合并结果。这意味着，如果某行在至少一个选定的套件中执行过，则该行被视为已覆盖。

对应的套件文件位于 WebStorm 的系统目录下：

%LOCALAPPDATA%\JetBrains\WebStorm2025.3\coverage

~/.cache/JetBrains/WebStorm2025.3/coverage

~/Library/Caches/JetBrains/WebStorm2025.3/coverage

在主菜单中，前往运行 | 管理覆盖率报告 Ctrl+Alt+F6。
在选择要显示的覆盖率套件菜单中：
- 使用复选框选择活动套件。激活的套件定义了当前在 IDE 中显示的覆盖率数据。
- 导入外部套件文件，请使用添加，例如在 CI 服务器中生成的文件或其他人发送给您的文件。
- 请使用移除从列表中移除套件但保留存储中的文件。
- 使用 Delete 从列表中移除套件并从存储中删除文件。

WebStorm 显示的覆盖率结果在：

工具窗口显示每个文件夹的已覆盖代码行百分比以及每个文件的已覆盖代码行百分比。

覆盖工具窗口会在您运行带有覆盖率的配置后立即出现，并显示覆盖率报告。要重新打开覆盖工具窗口，请转到主菜单中的运行 | 显示代码覆盖率数据，或按 Ctrl+Alt+F6。

覆盖工具窗口有以下选项：

条目	描述
	如果此选项开启，WebStorm 会自动在编辑器中打开所选项目。否则，您需要双击项目才能打开它们。
	如果启用此选项，WebStorm 将自动在工具窗口中定位您在编辑器中打开的文件。
	从磁盘导入覆盖率套件。
	过滤覆盖结果。您可以选择仅查看具有未提交更改的文件以专注于最近的更新，或隐藏已完全通过测试覆盖的文件。

当文件在编辑器中打开时，其代码行会根据覆盖率状态在边栏中高亮显示：

要查看某行被命中的次数，请点击边栏中的颜色指示器。弹出的窗口会显示光标所在行的统计信息。

项目显示文件和目录的已覆盖代码行百分比。

请执行以下操作之一：

按下 Ctrl+Alt+S 打开设置，然后选择构建、执行、部署 | 覆盖率。
定义如何处理收集的覆盖率数据：
- 要在每次启动带有代码覆盖率的新运行配置时显示代码覆盖率对话框，请选择在将覆盖应用于编辑器之前显示选项。
- 要丢弃新的代码覆盖率结果，请选择不要应用收集的覆盖率。
- 要丢弃活动套件并在每次启动带有代码覆盖率的新运行配置时使用新的套件，请选择用新的覆盖率套件替换活动套件。
- 要在每次启动带有代码覆盖率的新运行配置时将新的代码覆盖率套件附加到活动套件，请选择添加到活动套件。
定义当应用程序或测试以覆盖率运行时覆盖工具窗口的行为：
- 要自动打开覆盖工具窗口，请选中激活覆盖率视图复选框。
- 要手动打开覆盖工具窗口，请清除激活覆盖率视图复选框。

最后修改日期： 2025年 12月 8日