Как игнорировать определенные предупреждения, выдаваемые расширением CSSLint для Brackets

Я использую расширение CSSLint для скобок. Есть ли способ отключить определенные предупреждения для таких вещей, как box-model и @bulletproof-font-face? Лучшее совпадение, которое я нашел для обсуждения, это здесь. На данный момент я надеюсь использовать преамбулу в моем CSS формы /*csslint ignore: box-model */, но это не работает. Я знаю, что это расширение может работать с .csslintrc файлами. Я попытался поместить его в тот же каталог, где находится мой CSS, с csslint ignore: box-model, но это тоже не сработало. Любые советы или идеи будут оценены.

Обновление 1

Изучая поддержку .csslintrc файлов с помощью скобок, я нашел это и это, что, кажется, предполагает использование --ignore=box-model,bulletproof-font-face. Размещение этого файла либо там, где живет мой CSS, либо в каталоге расширения Brackets (~/.config/Brackets/extensions/user/camden.csslint/csslint на машине с Linux) также не работает.

Обновление 2

Вставка .csslintrc в ~/.config/Brackets/extensions/user/camden.csslint/csslint/ определенно не работает; файл удаляется после обновления.


person Joel DeWitt    schedule 04.10.2014    source источник


Ответы (4)


В последней версии плагина CSSLint добавлена ​​поддержка настройки через глобальные настройки Bracket, и теперь это лучший способ игнорировать определенные предупреждения. Поскольку этот ответ был помечен как правильный, я просто хотел обновить его, чтобы он был как можно более точным.

Настройка CSSLint (отчасти) объясняется в README.md, который поставляется с плагином, но в нем нет примера для человека, не разбирающегося в 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» идентификатором правила, которое вы хотите игнорировать, убедившись, что для них установлено значение false. Имя идентификатора заключено в круглые скобки каждый раз, когда в скобках появляется предупреждение о css-linting:

Квадратные скобки%20CSSLint%20Warning%20IDs

…или их можно найти, покопавшись в файле 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

person StephenESC    schedule 14.04.2015

/*csslint box-model:false */

Это работает для меня.

person Matthias Breuer    schedule 16.10.2014
comment
Интересно, что это не работает для меня. Ни в скобках, ни в онлайн-инструменте. - person Joel DeWitt; 20.10.2014
comment
Это прекрасно работает для меня, когда все остальные попытки использовать файл .csslintrc с треском провалились. Обратите внимание, что отсутствие пробела крайне важно: оно должно быть /*csslint, а не /* csslint, иначе ничего не получится. - person Ken Herbert; 22.01.2015
comment
Где именно должно быть сделано это изменение? Я действительно не копаю предупреждения в алфавитном порядке. - person StephenESC; 26.02.2015
comment
Можно включить это выше правила, например /*csslint universal-selector:false */ .my-css-class * { width: 100%; }, и это подавило предупреждение для меня. - person akotian; 11.08.2015

Несколько дней назад Brackets CSSLint поддерживает глобальные настройки. Просто откройте его с помощью Отладка > Открыть файл настроек и добавьте правила, которые вы хотите игнорировать, как в следующем примере:

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

Имена правил можно найти, открыв код csslint и поиск предупреждения, которое вы хотите скрыть.

Это намного лучше, чем редактировать код расширения вручную при каждом его обновлении.

person diemer    schedule 28.05.2015
comment
Сумасшедший тайминг. Вы ответили, когда я обновлял свой «правильный» ответ этой точной информацией. Вы правы, это лучший способ сделать это. - person StephenESC; 28.05.2015

В Sublime Text, если щелкнуть правой кнопкой мыши на странице CSSLint, меню будет иметь следующий путь: SublimeLinter > Mark Style > None.

Это эффективно оставляет «предупреждающие» точки на левом поле без какой-либо подсветки в коде, поэтому вы не будете постоянно отвлекаться на напоминания «прямо в лицо» от полиции CSS. Вы, наверное, помните, что не пишете идеальный код, но, по крайней мере, не будете отвлекаться при этом, лол.

Вероятно, то же самое и на других платформах/IDE.

«CSS… Разрушитель Миров, единственное средство от которого — консоль, способная интерпретировать безумие Приоритета, Специфичности и Наследования».

person George Applebee    schedule 22.03.2016