stylelint-config-htmlacademy
v4.2.3
Published
Stylelint shareable config for the HTML Academy style
Downloads
3,885
Readme
stylelint-config-htmlacademy
Это стандартный конфигурационный файл для stylelint от HTML Academy.
Используйте его как есть или как основу для вашей собственной конфигурации.
Установка
Вместе с конфигом установите и сам stylelint
.
npm i -D stylelint-config-htmlacademy stylelint
Использование
В корне проекта создайте файл .stylelintrc
и в нём добавьте stylelint-config-htmlacademy
в поле extends
.
.stylelintrc
{
"extends": "stylelint-config-htmlacademy"
}
Если вы установили stylelint-config-htmlacademy
глобально с помощью флага -g
, тогда вам нужно использовать абсолютный путь stylelint-config-htmlacademy
в конфигурационном файле:
.stylelintrc
{
"extends": "/absolute/path/to/stylelint-config-htmlacademy"
}
Расширение конфига
Вы можете переопределить существующие правила или добавить новые.
Для этого добавьте в конфиг поле rules
с нужными вам переопределениями правил.
.stylelintrc
{
"extends": "stylelint-config-htmlacademy",
"rules": {
"property-no-unknown": [
true,
{
"ignoreProperties": [
"composes"
]
}
],
"unit-whitelist": ["em", "rem", "s", "px"]
}
}
В этом же поле rules
можно переопределять и больше не поддерживаемые самим Stylelint стилистические правила из плагина stylelint-codeguide
, добавив перед названием правила префикс codeguide/
.
.stylelintrc
{
"extends": "stylelint-config-htmlacademy",
"rules": {
"property-no-unknown": [
true,
{
"ignoreProperties": [
"composes"
]
}
],
"unit-whitelist": ["em", "rem", "s", "px"],
"codeguide/indentation": "tab",
"codeguide/number-leading-zero": null
}
}
Использование в VSCode
- Установите стайллинт и конфиг
- Откройте VScode
- Установите плагин stylelint
- Пользуйтесь