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.