Линтер — это инструмент, который проверяет код на соответствие заданным правилам и указывает на потенциальные ошибки или отступления от принятого в проекте стиля ещё до того, как код попадёт в общую работу. Для CSS и HTML такие инструменты тоже существуют и активно используются в командной разработке.
Stylelint — один из самых распространённых линтеров именно для CSS. Он умеет находить дублирующиеся свойства, неправильный порядок вложенности, устаревшие или нестандартные конструкции, а также следить за единообразием стиля кода — например, требовать одинарные кавычки везде вместо смешения с двойными.
Форматтер, в отличие от линтера, не столько ищет ошибки, сколько автоматически приводит код к единому визуальному виду — расставляет отступы, переносы строк, пробелы вокруг фигурных скобок. Prettier — популярный инструмент именно такого рода, работающий не только с CSS, но и с HTML, JavaScript и многими другими форматами.
Настроенные вместе, линтер и форматтер избавляют команду от бесконечных споров о стиле кода в код-ревью — вместо обсуждения, где ставить пробел, инструмент просто исправляет это автоматически при сохранении файла, и участники обсуждения могут сосредоточиться на содержательных вопросах.
Для одиночного небольшого проекта настройка линтера может показаться избыточной, но привычка писать аккуратный, единообразный код формируется быстрее именно с таким инструментом под рукой — он подсвечивает проблемы сразу, а не спустя месяцы, когда их накопилось уже много.
Большинство современных редакторов кода интегрируются с линтерами и форматтерами через расширения, показывая предупреждения прямо во время набора текста, без необходимости запускать проверку отдельной командой.
Документация и правила Stylelint с примерами конфигурации доступны на официальном сайте stylelint.io.
