Как заставить stylelint работать в Visual Studio Code?
Я пытаюсь заставить расширение stylelint работать в коде Visual Studio. Однако пока безуспешно. Расширение с кратким объяснением здесь:
https://marketplace.visualstudio.com/items?itemName=shinnn.stylelint
Что я сделал до сих пор: Добавить
"stylelint.enable": true,
"css.validate": false,
"scss.validate": false,
в мои настройки. Но это только деактивирует обычную линтингу, не активируя стилен. Я также читаю в
в комментарии, что нужно stylelint.config.js
файл. Однако у меня его нет и я не знаю, как его создать или поместить (в Windows).
редактировать
Я нашел "пример конфигурации" файла stylelint:
https://github.com/stylelint/stylelint/blob/master/docs/user-guide/example-config.md
Итак, я думаю, что часть этого должна идти в stylelint.config.js
, Но что нужно, чтобы заставить его работать и куда его положить?
3 ответа
Из документации конфигурации stylelint:
Линтер ожидает объект конфигурации. Вы можете создать свой собственный конфигурационный файл или расширить существующий.
В разделе " Начало работы " на веб-сайте stylelint есть несколько советов о том, как это сделать, например, с помощью примера конфигурации, создания собственной конфигурации или расширения существующей конфигурации.
Я полагаю, что самый быстрый способ начать работу, так сказать, создать объект конфигурации, который расширяет либо https://github.com/stylelint/stylelint-config-standard, либо stylelint-config-рекомендуемый. Используйте стандартный конфиг, если вы хотите, чтобы линтер применял стилистические соглашения, и используйте рекомендованный конфиг, если вы этого не сделаете.
Чтобы использовать рекомендуемый конфиг:
- установите конфиг в ваш проект, используя npm:
npm install --save-dev stylelint-config-recommended
- Создать
.stylelintrc
файл, который расширяет конфиг в корне вашего проекта:
{ "extends": "stylelint-config-recommended" }
Если вы используете Yarn 2, вам нужно выполнить дополнительную настройку, просто запустите:
yarn dlx @yarnpkg/pnpify --sdk vscode