Skip to content

htmlacademy/linthtml-config-htmlacademy

Repository files navigation

logo linthtml-config-htmlacademy

linthtml-config-htmlacademy

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

Установка

npm install @linthtml/linthtml linthtml-config-htmlacademy -D

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

Когда вы установили linthtml-config-htmlacademy локально в свой проект, примените его в конфигурационном файле .linthtmlrc вашего проекта:

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

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

Просто добавьте ключ "rules" в ваш конфиг после "extends": "linthtml-config-htmlacademy", а затем добавьте туда свои правила.

Например, если вы хотите изменить максимальную длину line-max-len, то нужно:

{
  "extends": "linthtml-config-htmlacademy",
  "rules": {
    "line-max-len": [
      true,
      120
    ]
  }
}

Правила

Для проекта добавляются кастомные правила от HTML Academy, которые лежат в отдельном репозитории linthtml-rules-htmlacademy.

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

Чтобы VS Code начал подсвечивать ошибки в HTML-разметке, установите плагин LintHTML.

Обязательно убедитесь, что файл настроек называется .linthtmlrc, так как это обязательное требование плагина.

npm и cli

Linthtml можно запускать в терминале. Для этого можно в секцию "script" в package.json добавить команду:

# package.json
"script" {
  "lint:html": "linthtml source/*.html --config .linthtmlrc"
}
  • linthtml - запустит проверку HTML-файлов.
  • source/*.html - поиск HTML-файлов в папке source.
  • --config .linthtmlrc - путь до конфигурационного файла. В проекте можно иметь несколько конфигурационных файлов.