如何将 JSHint 或 ESLint 或 TSLint 添加到 Sonar qube？答案

【问题标题】：How to add JSHint or ESLint or TSLint to Sonar qube?如何将 JSHint 或 ESLint 或 TSLint 添加到 Sonar qube？
【发布时间】：2015-11-05 22:27:54
【问题描述】：

是否有任何选项可以将 JSHint 或 ESLint 或 TSLint 添加到 SonarQube？如果有的话，请您提供一步一步的过程。

谢谢，湿婆·拉曼贾尼尤鲁

【问题讨论】：

标签： plugins sonarqube

【解决方案1】：

看看这个：https://github.com/groupe-sii/sonar-web-frontend-plugin

适用于 Web 世界的 Sonarqube 插件，具有各种技术和语言（JavaScript、CSS、SASS、HTML、AngularJS...）。此插件使用由 Web 社区大量使用的工具生成的报告：

Linter：
JSHint
CSS 皮棉
SCSS 皮棉
HTML提示
角度提示
AngularJS 的 ESLint 插件

单元测试
茉莉花

代码覆盖率：
伊斯坦布尔

代码重复
四面
每日费用

代码复杂度
柏拉图

看起来很有希望... :)

【讨论】：

tslint 报告消费者已损坏。它不理解 tslint JSON。

【解决方案2】：

我已经为 EsLint 构建了一个 SonarPlugin，它支持 https://github.com/sleroy/SonarEsLintPlugin 上的 AngularJs

我认为 SonarQube 不允许在 Marketplace 上使用它，因此您必须手动安装它。

【讨论】：

【解决方案3】：

可用插件列表是here。

您可以使用JavaScript Plugin 来检查 JavaScript 代码。

您也可以create your own plugin 执行 JSHint、ESLint 或 TSLint。

【讨论】：

这个问题是一个很好的机会来提醒我们为什么不简单地提供一个依赖于现有 JSHint 和 ESLint 的 SonarQube JavaScript 插件：sonarqube.org/…。对于 TSLint，这是另一回事，因为目前还没有任何 SonarQube TypeScript 插件。