如何使用 visual studio 代码通过突出显示行反应应用程序来检查代码覆盖率

Question

有什么方法可以突出显示所有具有 React 应用程序代码覆盖率的行。我正在使用 Jest。我的编辑器是 visual studio code。

Answer 1

你可以使用 vscode-jest 插件，它有 codeLens（默认启用）。

但要注意，有时它有点慢（尤其是在第一次运行时）。为了避免这种情况，我禁用了“第一次加载时全部运行”选项。由于这些性能问题，显示的代码覆盖率有时可能会有些偏差。但大多数时候它对我来说已经足够好了。在文件的顶部，它甚至显示了覆盖的分支和行的百分比。

参见相关问题：https://github.com/jest-community/vscode-jest/issues/181

Answer 2

我推荐使用 Coverage Gutters.

还没有遇到任何问题。更好的是它的框架不可知论，如果你不仅仅是一个 JS 开发者，它会很方便。