JSPM

  • Created
  • Published
  • Downloads 2193
  • Score
    100M100P100Q121040F
  • License MIT

Stylelint shareable config for the HTML Academy style

Package Exports

  • stylelint-config-htmlacademy
  • stylelint-config-htmlacademy/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (stylelint-config-htmlacademy) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

stylelint-config-htmlacademy

Это стандартный конфигурационный файл для stylelint от HTML Academy.

Используйте его как есть или как основу для вашей собственной конфигурации.

Установка

npm install stylelint-config-htmlacademy --save-dev

Использование

Если в вашем проекте ещё нет stylelint, то в корне проекта создайте файл .stylelintrc, либо с расширением .stylelintrc.js, чтобы редактор кода мог выделить синтаксис.

После добавьте stylelint-config-htmlacademy в конфигурационный файл .stylelintrc.

.stylelintrc

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

Если вы установили stylelint-config-htmlacademy глобально с помощью флага -g, тогда вам нужно использовать абсолютный путь stylelint-config-htmlacademy в конфигурационном файле:

.stylelintrc

{
  "extends": "/absolute/path/to/stylelint-config-htmlacademy"
}

Расширение конфига

Вы можете переопределить существующие правила или добавить новые.

Для этого добавьте ключ "rules" в конфиг сразу после "extends": "stylelint-config-htmlacademy", а затем добавляйте свои правила.

.stylelintrc

{
  "extends": "stylelint-config-htmlacademy",
  "rules": {
    "indentation": "tab",
    "number-leading-zero": null,
    "property-no-unknown": [ true, {
      "ignoreProperties": [
        "composes"
      ]
    }],
    "unit-whitelist": ["em", "rem", "s", "px"]
  }
}

Использование в VSCode

  1. Откройте VScode
  2. Установите плагин stylelint
  3. Пользуйтесь
  4. В случае если ваш код не соответствует правилам stylelint-config-htmlacademy он будет подчёркнут красной линией.

в примере сработало правило 'color-named' : 'never', которое запрещает использовать цвета по имени