Less: вступление

категория: LESS
Всем привет, это будет очередная серия заметок. Для тех, кого уже достал css может будет полезна эта информация. Итак, Less - это CSS препроцессор, который принял на себя все то, чего всем недостает в каскадных таблицах стилей: переменные, примеси, функции и много еще чего полезного. Начнем стандартно с установки. Будем думать что у вас уже стоит node.js, воспользуемся его менеджером пакетов:
$ npm install -g less
Теперь можно вызвать компилятор lessc в командной строке и записать скомпилированный css в файл:
$ lessc styles.less > styles.css
Но кто ж будет это каждый раз делать после правки style.less, поэтому нужно вешать "смотрителя", который будет автоматически фиксировать изменения и компилировать в css. Можно настроить grunt watch, если вы знакомы с grunt.js, можно настроить watcher в pyCharm, если вы его используете или еще как-то)) Я настраивал pyCharm, позже наверное об этом напишу. Можно использовать less на стороне клиента или вызывать парсер и компилятор из кода, но мне это незачем, подробнее можете прочитать тут: lesscss.ru Дальше буду разбирать уже функционал, всем успехов.


blog comments powered by Disqus