VSCode的代码覆盖率怎么查看？

首先使用支持覆盖率的测试工具生成报告，再通过VSCode插件可视化。例如J*aScript可用Jest生成lcov.info，Python用pytest-cov，J*a用JaCoCo；然后安装Coverage Gutters或Istanbul Coverage等插件，自动读取报告文件并在代码中以颜色标记覆盖情况——绿色已覆盖、红色未覆盖、黄色部分覆盖；最后点击状态栏覆盖率图标可跳转详细HTML报告，直观查看各文件覆盖详情。

VSCode 本身不直接提供代码覆盖率功能，但通过扩展和测试框架的配合，可以直观地查看代码覆盖率。关键是使用支持覆盖率的测试工具，并搭配可视化插件。

安装并配置测试框架

多数语言需要先设置能生成覆盖率报告的测试工具：

• J*aScript/TypeScript：使用 Jest 或 Vitest，配合 --coverage 参数生成 Istanbul 格式的报告（如 lcov.info）
• Python：使用 pytest-cov，运行 pytest --cov 生成覆盖率数据
• J*a：结合 JaCoCo 使用，生成 XML 或 HTML 报告

确保测试执行后在项目中生成覆盖率文件，常见路径如 coverage/lcov.info 或 build/reports/jacoco/test/jacocoTestReport.xml。

使用覆盖率可视化扩展

在 VSCode 中安装对应插件，将覆盖率信息叠加到代码上：

美图云修

商业级AI影像处理工具

61 查看详情

• Coverage Gutters：支持多种语言，读取 lcov 等格式，在编辑器侧边显示覆盖标记
• Istanbul Coverage：专为 J*aScript/TypeScript 设计，自动识别 coverage/ 目录下的报告
• Python Test Explorer + Coverage Viewer：Python 用户可组合使用

安装后，重启或重新加载窗口，插件通常会自动检测报告并高亮代码——绿色表示已覆盖，红色表示未覆盖，黄色为部分覆盖。

查看覆盖率详情

点击状态栏中的覆盖率图标（如“Coverage: 85%”），可快速跳转到 HTML 报告页面，查看每个文件的具体覆盖情况。也可在资源管理器中打开 coverage/index.html 手动浏览。

部分插件支持命令面板操作，例如运行 “Coverage: Show Editor Decorations” 来刷新显示。

基本上就这些。只要测试能出报告，VSCode 配合插件就能让你一眼看出哪些代码没测到。

以上就是VSCode的代码覆盖率怎么查看？的详细内容，更多请关注其它相关文章！