使用覆盖查找未使用的代码
PhpStorm 可让您在客户端应用程序中查找未使用的 JavaScript、TypeScript 和 CSS 代码。当您在特殊的代码覆盖模式下运行应用程序时,PhpStorm 会创建一个报告,显示每个文件和文件夹中使用了多少代码。感谢source maps,该报告显示了您的源文件的覆盖率,但没有显示在浏览器中实际运行的编译代码。
在代码覆盖模式下运行应用程序
创建JavaScript Debug类型的运行/调试配置:
选择JavaScript 调试。在打开的运行/调试配置:JavaScript 调试对话框中,指定运行应用程序的 URL 地址。此 URL 可以从浏览器的地址栏中复制。
从主菜单 ,单击工具栏并从列表中选择在工具栏的Select run/debug configuration列表中选择新创建的配置,然后单击列表旁边的。
运行配置中指定的 URL 地址将在浏览器中打开。
要了解在页面加载期间执行了哪些代码,只需加载应用程序,然后通过单击工具栏、旁边或运行工具窗口中的来停止它。如果您需要应用程序的某些特定功能的覆盖率报告,请在浏览器中触发这些功能,然后单击以停止应用程序。
在Coverage工具窗口中查看报告。项目工具窗口显示有关文件和文件夹覆盖范围的信息。在编辑器中,装订线在已执行的行旁边显示绿色标记,在未执行的行旁边显示红色标记。您还可以将鼠标悬停在行标记上,查看每行代码被点击了多少次。
最后修改:2021 年 10 月 29 日