Stylelint VScode не работает

Question

Я хочу использовать css linter " https://stylelint.io/ " в моем текстовом редакторе VScode. Я скачал плагин и установил его, затем я сделал "css.validate": false. Но у меня нет ни одного окна, которое показывает мне ошибку в моих файлах CSS. Что я могу сделать?

Answer 1

Если вы начинаете работу с stylelint в первый раз, есть два ключевых шага, чтобы включить его в коде Visual Studio:

1. отключите встроенный CSS-код в Visual Studio Code и включите расширение stylelint
2. создать объект конфигурации stylelint и включить некоторые правила

Вы можете выполнить первый шаг, следуя инструкциям по использованию расширения, в основном изменив настройки кода Visual Studio на:

{
  "stylelint.enable": true,
  "css.validate": false,
  "scss.validate": false
}

И второй шаг, следуя документации по конфигурации на сайте stylelint. Я считаю, что самый быстрый способ начать это:

1. установите рекомендуемый конфиг в ваш проект, используя npm:

npm install --save-dev stylelint-config-recommended

2. Создать .stylelintrc файл, который расширяет рекомендуемую конфигурацию в корне вашего проекта:

{ "extends": "stylelint-config-recommended" }

Этот конфиг включает только возможные правила ошибок. Это разумная конфигурация для начала и развития. В stylelint встроено более 150 правил. Вы можете включить и настроить столько, сколько вам нужно, для удовлетворения ваших потребностей в линтах.

Answer 2

Для тех, кто видит это и пытается найти другие расширения файлов; обратите внимание, что по умолчанию расширение проверяет только файлы CSS и PostCSS . Чтобы проверить расширения файлов, такие как SCSS, вам нужно будет явно указать это в.vscode\settings.json:

      {
  "css.validate": false,
  "less.validate": false,
  "scss.validate": false,
  "stylelint.enable": true,
  "stylelint.validate": ["css", "scss"]
}