Как заставить 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 VScode не работает

в комментарии, что нужно 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-рекомендуемый. Используйте стандартный конфиг, если вы хотите, чтобы линтер применял стилистические соглашения, и используйте рекомендованный конфиг, если вы этого не сделаете.

Чтобы использовать рекомендуемый конфиг:

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

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

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

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

Простой ответ на простой вопрос, stylelint.config.jsфайл является экспортом модуля nodejs и выглядит так:

module.exports = {
  extends: [
    "stylelint-config-standard",
  ]
};

Если вы используете Yarn 2, вам нужно выполнить дополнительную настройку, просто запустите:

      yarn dlx @yarnpkg/pnpify --sdk vscode

https://yarnpkg.com/getting-started/editor-sdks#vscode

Другие вопросы по тегам