Установка и настройка Prepros

В качестве компилятора проекта рекомендуется использовать программу Prepros. Она позволяет работать с файлами в режиме Live, имеет множество настроек, а также простой интерфейс.

Prepros позволяет компилировать файлы с расширением .kit. Это язык шаблонов HTML, который позволяет создавать шаблоны блоков и использовать их множество раз. Внесение изменений на одном шаблоне будет отражаться на всех страницах сразу, что позволяет с легкостью редактировать повторяющиеся участки кода.

Скачать данную программу можно на официальном сайте.

Установка и настройка Prepros

После установки вы увидите открывшееся окно программы. Нажмите по кнопке меню в правом верхнем углу.

Откроется меню настроек.

Перейдите в Project Defaults -> CSS Tools -> Sass. Спуститесь вниз, к разделу Output. Задайте настройки, как показано на изображении.