# 查找未使用的代码覆盖率

> For the complete documentation index, see [llms.txt](https://www.jetbrains.com/zh-cn/help/idea/llms.txt).

> **TL;DR**
> 仅在 IntelliJ IDEA Ultimate 订阅中提供： [下载](https://www.jetbrains.com/zh-cn/idea/download/)试用或 [探索功能](https://www.jetbrains.com/zh-cn/products/compare/?product=idea&product=idea-ult)。
>
>
>
> 所需插件  :
>
>
>
> `JavaScript 和 TypeScript` 、  `JavaScript Debugger`  - 插件与 IntelliJ IDEA 捆绑在一起并默认启用。

IntelliJ IDEA 可帮助您在客户端应用程序中查找未使用的 JavaScript、TypeScript 和 CSS 代码。 当您在特殊的  Code Coverage 模式下运行应用程序时，IntelliJ IDEA会生成一个报告，显示每个文件和文件夹中使用了多少代码。 由于 [source maps](https://code.tutsplus.com/tutorials/source-maps-101--net-29173)的原因，本报告显示的是源文件的覆盖率，而不是实际在浏览器中运行的编译代码的覆盖率。

[Video](https://www.youtube.com/v/Xt-PrPue7PI)

Procedure: 在代码覆盖模式下运行应用程序

1. 创建  JavaScript Debug  类型的运行/调试配置：

请转至  `运行 | 编辑配置` 中的主菜单。 在打开的   编辑配置   对话框中，点击工具栏上的   添加   按钮（ !["添加"按钮](https://resources.jetbrains.com/help/img/idea/2026.3/app.expui.general.add.svg)），然后从列表中选择   JavaScript Debug  。 在打开的 [Run/Debug Configuration: JavaScript Debug](run-debug-configuration-javascript-debug.html) 对话框中，指定应用程序正在运行的 URL 地址。 此 URL 可以从浏览器的地址栏中复制。

> **Tip:**
> 由于 JavaScript Debug 配置仅适用于 Chrome，因此代码覆盖率模式也只能在此浏览器中使用。

2. 在工具栏的   选择运行/调试配置   列表中选择新创建的配置，然后点击列表旁边的   使用覆盖率运行 '%s'   按钮 ( ![带覆盖率运行按钮](https://resources.jetbrains.com/help/img/idea/2026.3/app.general.runWithCoverage.svg))。

![启动应用程序并进行覆盖率分析](https://resources.jetbrains.com/help/img/idea/2026.3/ws_javascript_coverage_run_with_coverage.png)

运行配置中指定的 URL 地址将在浏览器中打开。

3. 要了解页面加载期间执行的代码，只需加载应用程序，然后点击工具栏上   停止  按钮（ ![停止按钮](https://resources.jetbrains.com/help/img/idea/2026.3/app.actions.suspend.svg)），位于   使用覆盖率运行 '%s'  按钮（ ![带覆盖率运行按钮](https://resources.jetbrains.com/help/img/idea/2026.3/app.general.runWithCoverage.svg)）旁边，或在   运行  工具窗口中停止它。 如果您需要关于应用程序某些特定功能的覆盖报告，请在浏览器中触发这些功能，然后点击   停止  按钮( ![停止按钮](https://resources.jetbrains.com/help/img/idea/2026.3/app.actions.suspend.svg))来停止应用程序。

4. 在   覆盖率  工具窗口中查看报告。   项目   工具窗口（ `Alt+1` (Windows), `⌘ 1` (macOS), `⌘ 1` (IntelliJ IDEA Classic (macOS)), `⌘ 1` (macOS System Shortcuts), `Alt+1` (XWin), `Alt+1` (GNOME), `Alt+1` (KDE), `Alt+1` (Emacs), `Alt+1` (Sublime Text), `⌘ 1` (Sublime Text (macOS)), `Ctrl+Alt+L` (Visual Studio), `⌘ ⌥ L` (Visual Studio (macOS)), `Ctrl+1` (NetBeans), `Alt+1` (Eclipse), `Alt+1` (Eclipse (macOS))）显示文件和文件夹的覆盖率信息。 在编辑器中，边栏会在已执行的行旁边显示绿色标记，在未执行的行旁边显示红色标记。 您还可以将鼠标悬停在行标记上，查看每行代码被命中的次数。

![覆盖率报告](https://resources.jetbrains.com/help/img/idea/2026.3/ws_javascript_coverage_report_with_editor.png)