Linter

Настройка и использование линтера в сборке.

Оглавление страницы:

Инициализация Git 

Линтер не будет работать без инициализации git. Если каталог .git отсутствует в корне проекта, то необходимо его создать командой git init.

$ git init

Установка Linter 

Для того чтобы установить линтер, откроем в терминале каталог с проектом и выполним команду:

$ npm run prepare

Расширения 

При работе над проектом, чтобы видеть ошибки линтера в текстовом редакторе необходимо установить соответствующие расширения.

В качестве примера будет рассмотрен популярный текстовый редактор VSCode.

Откроем VSCode и установим следующие расширения:

  • ESLint - проверяет js файлы;
  • Puglint - проверяет pug файлы;
  • Stylelint - проверяет scss файлы;
  • Editorconfig - задает стандарты форматирования для текстовых редакторов и сред разработки;
  • Prettier - Code formatter - инструмент автоматического форматирования кода, который позволяет поддерживать единообразный и согласованный стиль кодирования в проекте, горячие клавиши Ctrl + Alt + L.