0

我正在使用 webpack 开发 Angular2 应用程序。我正在使用 sonarqube 来衡量代码质量。我使用 VS Code 作为 IDE。

下面的 css 给我一个关于 sonarqube 的警告“检查这个潜在的盒子模型大小问题”是正确的。

.popup-dock-button {
  background: url('./app/assets/images/dock.svg') no-repeat;
  background-size: 13px 13px;
  float: left;
  width: 20px;
  height: 20px;
  padding: 3px;
}

但在 VSCode 中，我无法将此代码气味视为警告。下面是我的 stylelintrc.json 文件

{
    "extends": [
        "stylelint-config-standard"
    ],
    "plugins": [
        "stylelint-scss"
    ],
    "rules": {
        "indentation": 4,
        "number-leading-zero": null,
        "declaration-block-no-ignored-properties": true,
        "selector-class-pattern": "^[a-z][-a-z0-9]*$",
        "selector-no-id": true
    },
    "defaultSeverity": "warning"
}

我找不到要设置来解决此问题的规则 ID。

4

2 回答 2

0

Sonar 和 stylelint 是两种不同的工具。它们都能够进行 CSS 静态分析。但是，它们有不同的规则、选项和配置。Sonar 似乎是基于 Java 的，stylelint 是用 JavaScript 为 Node.js 编写的。

看起来您正在运行的 Sonar 作为您的 IDE 中的 CI 和 stylelint 的一部分。这就是为什么 CI 中的警告与 IDE 中的警告不同的原因。

仅供参考，Sonor CSS 规则列表在这里。也许你会在那里找到一个选项来禁用“检查这个潜在的盒子模型大小问题”规则。

于 2017-01-12T14:08:25.687 回答
0

看起来 stylelint 中没有这样的规则。供您参考，我在https://github.com/racodond/sonar-css-plugin/blob/master/doc/stylelint-sonarqube-rule-mapping.md启动了 SonarQube / stylelint 规则映射

于 2017-01-24T11:44:56.087 回答