codecamp

IntelliJ IDEA使用覆盖率查找未使用的代码

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

IntelliJ IDEA允许您在客户端应用程序中查找未使用的JavaScript,TypeScript和CSS代码。当您在特殊代码覆盖率模式下运行应用程序时,IntelliJ IDEA会创建一个报告,显示每个文件和文件夹中使用了多少代码。由于源映射,此报告显示源文件的覆盖范围,但不显示实际在浏览器中运行的已编译代码。

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

提示:由于JavaScript调试配置仅适用于Chrome,因此代码覆盖率模式也仅在此浏览器中可用。

  1. 创建JavaScript Debug类型的运行/调试配置:
    在主菜单上选择:运行|编辑配置,单击工具栏上的 图标一般添加,然后从弹出列表中选择:JavaScript Debug。在打开的“运行/调试配置:JavaScript调试”对话框中,指定运行应用程序的URL地址。可以从浏览器的地址栏复制此URL。
    JavaScript调试配置 
    单击“确定”以保存配置设置。
  2. 在工具栏上的“选择运行/调试配置”下拉列表中选择新创建的配置,然后单击列表旁边的 图标一般runWithCoverage svg
    ws javascript覆盖率与覆盖率一起运行 
    运行配置中指定的URL地址将在浏览器中打开。
  3. 要了解在页面加载期间执行的代码,只需加载应用程序,然后通过单击工具栏上的 艺术品工作室图标壳工具栏停止 ,它位于 图标一般runWithCoverage svg旁边,或通过“运行”工具窗口来停止它。如果您需要针对应用程序的某些特定功能的覆盖率报告,请在浏览器中触发这些功能,然后单击 艺术品工作室图标壳工具栏停止以停止该应用程序。
  4. 在覆盖率工具窗口中查看报告。“项目”工具窗口显示有关文件和文件夹范围的信息。在编辑器中,左侧的装订线在执行的行旁边显示绿色标记,而旁边没有红色标记。您还可以将鼠标悬停在行标记上,查看每行代码被命中的次数。
    ws与编辑的javescript报道报道
在Firefox中调试JavaScript
IntelliJ IDEA支持Flow静态类型检查器
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

IntelliJ IDEA的一般准则

什么是IntelliJ IDEA项目

使用IntelliJ IDEA的意图行为

IntelliJ IDEA使用运行/调试配置

特定于VCS的程序

IntelliJ IDEA语言和特定框架指南

IntelliJ IDEA的数据库和SQL功能

IntelliJ IDEA使用之JavaServer Faces(JSF)

IntelliJ IDEA:分析PHP应用程序的性能

IntelliJ IDEA:调试PHP应用程序

IntelliJ IDEA:适用于PHP的Google App Engine

IntelliJ IDEA更多内容

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }