Язык LESS представляет собой надстройку над языком CSS, добавляющую к нему дополнительные возможности, упрощающие работу.
Технически LESS является препроцессором. Это значит, что вы будете писать код на языке LESS, а специальная программа будет преобразовывать этот код в язык CSS, и результат преобразования вы будете подключать к HTML файлу.
Для преобразования кода используются специальные программы компиляторы. Таких программ существует достаточно много и вы можете подобрать одну из них на свой вкус. Для начала я предлагаю вам воспользоваться одной из следующих программ: Koala или Prepros.
Установите одну из предложенных программ.
Тестируем компилятор
Давайте теперь потестируем работу компилятора. Для этого вам нужно сделать файл с тестовым кодом LESS. Этот файл должен иметь расширение .less. Давайте добавим в него следующее содержимое:
div {
p {
font-size: 20px;
}
}
Следуя инструкциям из документации установленного
вами компилятора скомпилируйте ваш .less
файл в .css. В результате вы должны
увидеть следующий код:
div p {
font-size: 20px;
}
Проделайте описанные манипуляции. Убедитесь в том, что ваш компилятор работает.
Онлайн компилятор
Для быстрого старта вы также можете воспользоваться онлайн компилятором. Им может быть удобно пользоваться на этапе обучения, но для реальной работы он, конечно, не подходит.