angular 2的代码覆盖率

如何找到angular 2代码的代码覆盖率？有没有vs代码编辑器或webstorm的插件我可以使用？我正在使用Jasmine和Karma对我的代码进行单元测试

ng test --code-coverage 

或

---

如果您想查看比Angular CLI中更全面的测试覆盖率统计信息，您只需键入，然后查看命令提示符窗口的底部

ng test --code-coverage

结果:

如果您想查看组件的单个测试覆盖率，请遵循以下步骤

npm安装——保存开发人员karma teamcity reporter

将

require（'karma-teamcity-reporter'）

添加到karma.conf.js中的插件列表中

ng测试——代码覆盖率——记者=团队城市，伊斯坦布尔覆盖率

请注意，报告者列表是以逗号分隔的，因为我们添加了一个新的报告者teamcity

运行此命令后，您可以在目录中看到文件夹

coverage

，并打开

index.html

查看测试覆盖率的图形视图

您还可以在

karma.conf.js

中设置要达到的覆盖率阈值，如下所示

coverageIstanbulReporter: {
      reports: ['html', 'lcovonly'],
      fixWebpackSourcePaths: true,
      thresholds: {
        statements: 90,
        lines: 90,
        branches: 90,
        functions: 90
      }
    },

---

首先安装依赖项

npm install karma karma-jasmine karma-chrome-launcher karma-jasmine-html-reporter karma-coverage-istanbul-reporter

然后运行ng测试

ng test --code-coverage

然后运行显示报告的服务器

http-server -c-1 -o -p 9875 ./coverage

您应该看到如下内容：

---

我为此写了一篇博文。

我为此而挣扎。我找到的解决办法是

ng test --code-coverage

但请确保在karma.conf.js文件中指定了一个报告者（我使用“coverage istanbul”）

e、 g.

记者：['coverage-istanbul']

---

覆盖率报告将位于根目录中名为“覆盖率”的目录中。

当然，我可以在线查看扩展。我想知道哪一个更好，经过开发人员的尝试和测试。如果我可以问你，为什么你认为它不被鼓励呢？只是完美，没有额外的，没有损失。如果你想要快速的东西，你也可以在“coverage”文件夹中打开index.html。

ng test --code-coverage