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

Question

我正在为CSSLint使用括号扩展。是否有一种方法可以禁用box-model和@bulletproof-font-face之类的特定警告？我发现最适合讨论的是这里。目前，我希望在我的CSS中使用表单/*csslint ignore: box-model */的序言，但这是行不通的。我知道这个扩展名可以处理.csslintrc文件。我尝试使用csslint ignore: box-model将一个放在与我的CSS所在的目录相同的目录中，但这也不起作用。如有任何建议或见解，将不胜感激。

更新1

通过查看带有括号的.csslintrc文件的支持，我发现了这和这，这似乎建议使用--ignore=box-model,bulletproof-font-face。把这个文件放在我的CSS所在的位置或者放在括号扩展名的目录( Linux机器上的~/.config/Brackets/extensions/user/camden.csslint/csslint)也不起作用。

更新2

将.csslintrc放入~/.config/Brackets/extensions/user/camden.csslint/csslint/中肯定不起作用；更新后将删除该文件。

Answer 1

最新版本的CSSLint插件增加了对通过托架的“全球首选项”进行定制的支持，这似乎是忽略特定警告的最佳方法。由于这一反应被标记为正确，我只是想更新它，使之尽可能准确。

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

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

接下来，告诉CSSLint忽略特定的列表选项，方法是在现有代码的底部(或任何地方)包含以下内容，只要它包含在首选项的所有花括号中：

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

确保将每个“linting-选项”与您希望它忽略的规则的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
}

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

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

Answer 2

/*csslint box-model:false */

这对我有用。

Answer 3

就在几天前，方括号中的CSSLint支持全局首选项。只需使用Debug > open文件打开它，并添加您想要忽略的规则，如下面的示例所示：

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

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

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