Начало рабты

Вся работа начинается с клонирования репозитория

git clone git://github.com/uikit/uikit.git ./uikit

git clone - команда склонировать

git://github.com/uikit/uikit.git - гит репозиторий, в данном случаи это репозиторий uikit

./uikit - Указвает на то что необходимо в текущей папке создать папку uikit и в нее склонировать репозиторий. Название папки можно менять на любое. Если указать ./ тогда клонирование произойдет в текущую папку

Второй шаг: подтянуть зависимости

Предпологается что у вас установлен node.js и пакетный менеджер npm. Переходим в папку куда склонирован был весь репозиторий и выполняем команду

npm install

Третий шаг: собрать темы

Итоговая цель, использования uikit, это получение тем оформления для этого фреймворка. Что это значит ?

Фреймворк представляет ряд возможностей, называемые компонентами с ними можно ознакомиться тут

Давайте разберем на пример базового компонента

Вот у нас есть теги h1-h5 и у фреймворка есть оформление для этих тегов, классы с uk-h1 по uk-h6 соответственно

То, какое оформление придается этим классам и задается в темах. Если темы нету, но в классах uk-h* будет либо пусто (но они будут существовать) или будут какие то базовые вещи вроде размера шрифта.

Давайте подвидем итог, uikit без темы, это всего лишь "каркас" набор css стилей с базовыми стилями или без таковых. Внешний вид каждого компонента определяется в теме. Тема есть по умолчанию и темы можно создавать самому.

Что бы собрать все доступные темы, необходимо выполнить команду:

npm run compile