Как сделать, чтобы stylelint подсвечивал ошибки?
Поставил stylelint в проект командой:
npm install --save-dev stylelint stylelint-config-standard-scss
Также прописал настройки в .stylelintrc.json по документации
{ "extends": "stylelint-config-standard-scss" }
И после всего, установил расширение stylelint для vscode.
Поиск ошибок работает через команду npx stylelint "**/*.scss"
Но расширение вообще не подсвечивает никакие ошибки, как это настроить?
Дополнительно:
Ответы:
Какой вывод у расширения?
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы stylelint подсвечивал ошибки в вашем коде, вам необходимо правильно сконфигурировать его и установить необходимые плагины. Вот шаги, которые вам следует выполнить:
1. Установите stylelint с помощью npm, если у вас его еще нет:
npm install stylelint --save-dev
2. Установите плагины для stylelint, которые вам могут понадобиться (например, для поддержки определенных правил или для работы с конкретными препроцессорами):
npm install stylelint-scss stylelint-config-standard --save-dev
3. Создайте файл конфигурации .stylelintrc.json в корне вашего проекта и определите в нем правила, которые вы хотите применить:
{ "extends": "stylelint-config-standard", "rules": { // ваша конфигурация правил здесь } }{ "extends": "stylelint-config-standard", "rules": { // ваша конфигурация правил здесь } }
4. Добавьте скрипт в ваш package.json для запуска stylelint:
"scripts": { "lint:styles": "stylelint \"**/*.css\"" }"scripts": { "lint:styles": "stylelint \"**/*.css\"" }
5. Запустите stylelint с помощью команды npm run lint:styles и убедитесь, что ошибки в вашем коде правильно подсвечиваются.
Теперь stylelint должен корректно работать и подсвечивать ошибки в вашем CSS коде. Не забудьте регулярно запускать его, чтобы следить за качеством вашего стиля кода.