PhpStorm 2021.3 Help

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

PhpStorm 可让您在客户端应用程序中查找未使用的 JavaScript、TypeScript 和 CSS 代码。当您在特殊的代码覆盖模式下运行应用程序时,PhpStorm 会创建一个报告,显示每个文件和文件夹中使用了多少代码。感谢source maps,该报告显示了您的源文件的覆盖率,但没有显示在浏览器中实际运行的编译代码。

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

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

    选择运行 | 从主菜单编辑配置,单击工具栏并从列表中添加按钮选择JavaScript 调试。在打开的运行/调试配置:JavaScript 调试对话框中,指定运行应用程序的 URL 地址。此 URL 可以从浏览器的地址栏中复制。

    JavaScript 调试配置
  2. 在工具栏的Select run/debug configuration列表中选择新创建的配置,然后单击Run with Coverage 按钮列表旁边的。

    启动具有覆盖范围的应用程序

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

  3. 要了解在页面加载期间执行了哪些代码,只需加载应用程序,然后通过单击停止按钮工具栏、旁边Run with Coverage 按钮运行工具窗口中的来停止它。如果您需要应用程序的某些特定功能的覆盖率报告,请在浏览器中触发这些功能,然后单击停止按钮以停止应用程序。

  4. 在Coverage工具窗口中查看报告。项目工具窗口显示有关文件和文件夹覆盖范围的信息。在编辑器中,装订线在已执行的行旁边显示绿色标记,在未执行的行旁边显示红色标记。您还可以将鼠标悬停在行标记上,查看每行代码被点击了多少次。

    覆盖报告
最后修改:2021 年 10 月 29 日