css - 无法为“检查此潜在的盒子模型尺寸问题”设置stylelint规则

我正在使用webpack开发Angular2应用程序。我正在将sonarqube用于代码质量指标。我使用VS Code作为IDE。

在css下面，我对正确的声纳警告“检查此潜在的盒子模型尺寸问题”发出警告。

.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。

最佳答案

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

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

仅供参考，Sonor CSS规则的列表为here。也许您会在此处找到一个选项来禁用“检查此潜在的盒子模型尺寸问题”规则。

关于css - 无法为“检查此潜在的盒子模型尺寸问题”设置stylelint规则，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41590090/