如何忽略括号的 CSSLint 扩展输出的特定警告答案

【问题标题】：How to ignore specific warnings outputted by the CSSLint extension for Brackets如何忽略括号的 CSSLint 扩展输出的特定警告
【发布时间】：2017-07-11 11:44:54
【问题描述】：

我正在使用 Brackets 的 CSSLint 扩展。有没有办法禁用诸如box-model 和@bulletproof-font-face 之类的特定警告？我为讨论找到的最佳匹配是here。目前我希望在我的 CSS 中使用/*csslint ignore: box-model */ 形式的序言，但这不起作用。我知道这个扩展可以使用.csslintrc 文件。我试图用csslint ignore: box-model 将一个与我的CSS 所在的目录放在同一目录中，但这也不起作用。我们将不胜感激任何建议或见解。

更新 1

进一步研究了对带有括号的.csslintrc 文件的支持，我发现this 和this，这似乎建议使用--ignore=box-model,bulletproof-font-face。将此文件放在我的 CSS 所在的位置或括号扩展的目录（Linux 机器上的~/.config/Brackets/extensions/user/camden.csslint/csslint）也不起作用。

更新 2

将.csslintrc 放入~/.config/Brackets/extensions/user/camden.csslint/csslint/ 肯定是行不通的；该文件在更新后被删除。

【问题讨论】：

github.com/CSSLint/csslint/wiki/…

标签： adobe-brackets csslint

【解决方案1】：

/*csslint box-model:false */

这对我有用。

【讨论】：

有趣的是，这对我不起作用。既不在括号内，也不在在线工具中。
当使用 .csslintrc 文件的所有其他尝试都惨遭失败时，这对我来说很好。请注意，缺少空格非常重要：它必须是/*csslint，而不是/* csslint，否则将不起作用。
应该在哪里进行此更改？我真的不是在挖掘按字母顺序排列的警告。
可以像/*csslint universal-selector:false */ .my-css-class * { width: 100%; }这样在规则上方包含它，它为我抑制了警告

【解决方案2】：

最新版本的 CSSLint 插件增加了对通过 Bracket 的全局首选项进行自定义的支持，现在这似乎是忽略特定警告的最佳方式。由于此响应被标记为正确，因此我只想将其更新为尽可能准确。

插件附带的README.md （有点）解释了自定义 CSSLint，但它不包括像我这样不懂 json 的人的示例。我不知道如何自行更改设置，因此我联系了开发人员 (https://github.com/cfjedimaster/brackets-csslint/pull/40) 以获得更具体的说明：

单击“调试”并选择“打开首选项文件”，这将在编辑器窗口中打开brackets.json 首选项文件。

接下来，通过在现有代码的底部（或任何地方）包含以下内容，告诉 CSSLint 忽略特定的列表选项，只要它包含在首选项的全封闭花括号中：

"csslint.options": {
    "linting-option": false,
    "linting-option": false,
    "linting-option": false
}

确保将每个“linting-option”替换为您希望它忽略的规则的 id 名称，确保它们设置为 false。 每次在括号中弹出 css-linting 警告时，id 名称都会包含在圆括号中：

...或者可以通过挖掘上面提到的csslint.js 文件找到它们。

就是这样！比每次更新插件时都必须注释掉每个规则要好得多。 :)

为了参考/比较，我的偏好文件现在在底部包含以下内容：

"csslint.options": {
    "adjoining-classes": false,
    "box-model": false,
    "box-sizing": false,
    "duplicate-background-images": false,
    "ids": false,
    "order-alphabetical": false,
    "qualified-headings": false,
    "unique-headings": false,
    "universal-selector": false
}

……到目前为止，它运行良好。

注意：开发人员/贡献者表示，这种新方法旨在在后续插件更新中继续存在。但是，由于全局首选项是一个相对较新的添加，它们不能保证在更新括号时首选项设置会保持不变，因此建议创建 brackets.json 首选项文件的备份。在 Mac 上可以在这里找到：/Users/username/Library/Application Support/Brackets/brackets.json

【讨论】：

【解决方案3】：

截至几天前，Brackets CSSLint 支持全局首选项。只需使用 Debug > Open Preferences File 打开它并添加您想要忽略的规则，如下例所示：

"csslint.options": {
    "qualified-headings": false,
    "ids": false
}

您可以通过打开csslint code 并搜索要隐藏的警告来找到规则名称。

这比每次更新时手动编辑扩展代码要理想得多。

【讨论】：

疯狂的时机。您在我用这些确切信息更新我的“正确”答案时做出了回应。你是对的，这是更好的方法。

【解决方案4】：

在 Sublime Text 中，如果您右键单击 CSSLint 页面，菜单将具有以下路径 SublimeLinter > Mark Style > None。

这有效地在左边距留下“警告”点，而代码中没有任何突出显示，因此您不会被 CSS 警察的“当面”提醒不断分散注意力。你可能会记得你没有写出完美的代码，但至少在写的时候不会分心，哈哈。

在其他平台/IDE上可能是一样的

“CSS...世界的毁灭者，唯一的补救办法是一个可以解释优先级、特异性和继承的疯狂的控制台。”

【讨论】：