В этом материале мы поговорим о программе Koala , которая позволяет очень быстро и легко компилировать Sass , используя графический интерфейс.
В этом материале мы поговорим о программе Koala, которая позволяет очень быстро и легко компилировать Sass, используя графический интерфейс.
Если вы перейдете на страницу установки на официальном сайте Sass, то слева сможете найти список программ, в числе которых будет и наша. Именно Koala предпочитает большинство разработчиков, поскольку она является открытой(open source), бесплатной, а также легкой в использовании. Помимо всего прочего, она может работать под управлением операционных систем Mac, Windows и Linux.
Итак, чтобы ее скачать, просто кликните по названию, вас перенаправят на официальный сайт программы, где вы сможете нажать кнопку Download.
Какие у Koala особенности?
- Поддержка различных языков(Less, Sass, CoffeeScript, Compass Framework)
- Компиляция в реальном времени(прослушивает файлы и компилирует их автоматически, если есть изменения)
- Позволяет настраивать опции компиляции для каждого файла
- Поддерживает создание глобального конфигурационного файла
- Уведомление об ошибках(если что-то пойдет не так во время компиляции, Koala сообщит вам об этом)
- Кроссплатформенная
После того, как вы скачали и установили программу, запустите ее. Перенесите в открывшееся окно программы папку вашего проекта. Вы должны увидеть ваши css и sass файлы, которые Koala автоматически определит и выведет. Если вы нажмете на файл, то справа выедет боковая панель, где вы можете выполнить различные настройки.
Если же вы нажмете на файл правой кнопкой мыши, то у вас появится окошко, где есть другие команды. Например, вы можете выбрать Open Output Folder, чтобы увидеть, куда будут компилироваться ваши Sass файлы, а также изменить это значение.
На самом деле, основную функцию(компиляцию) мы с вами разобрали, однако в программе есть и другие возможности. Как пример, вы можете установить галочку в пункте Autoprefix, чтобы ко всем css3 свойствам автоматически добавлялись нужные префиксы. Если вы хотите почитать про это подробнее, то вы можете сделать это в документации.
А у меня на этом все. Спасибо за внимание!
