Працюємо з less у Sublime Text
Less – це препроцесор для CSS стилів. У двох словах — це CSS, який можна програмувати. Якщо ви не використовуєте препроцесори, рекомендую ознайомитися і почати використовувати.
Найпростіший спосіб почати компілювати less код в CSS в Sublime Text - це встановити плагін Less Build. Головне, щоб у шляху до файлу, що компілюється, не було українських символів, і працювати він буде добре. Для новачків цього цілком вистачить. Ще можна встановити плагін BuildOnSave, щоб білдити не скороченням Ctrl+B, а натискати звичне Ctrl+S, і білд відбуватиметься для збереження файлу.
Але я вирішив скомпілювати less вихідники Twitter Bootstrap, і не тут було. Консоль Build Results почала видавати безліч помилок, у різних файлах. Вся справа в тому, що в less були оновлені правила синтаксису, причому досить давно, але ці нововведення в плагінах для Sublime Text, мабуть, не були впроваджені. Тому необхідно змінити спосіб збирання less файлів. Прошу не лякатися, це займе не більше 5 хвилин.
Компілюємо less вихідники bootstrap у Sublime Text
1. Додаємо підсвічування синтаксису less у SublimeText
Відкриваємо SublimeText, запускаємо package control - install package. Як встановити менеджер розширень package control читаємо тут. Встановлюємо плагін less - Syntax highlighting. Тепер у нас є підсвічування less коду.
2. Встановлюємо less компілятор
Спочатку необхідно завантажити та встановити Node.js та NPM (Node Package Manager – входить до складу node.js). Після цього запускаємо консоль, якщо у вас немає консолі - завантажуємо консоль ConEmu для Windows, встановлюємо та запускаємо консоль. У консолі вводимо команду для встановлення компілятора:
3. Встановлюємо Less build плагін в Sublime Text
Запускаємо Package Conrol → Install Package та встановлюємо плагін Less2Css
4. Компілюємо less
Створюємо дві папки у проекті less та css. У less - кладемо less вихідники Bootstrap, відкриваємо файл bootstrap.less і компілюємо.
Якщо виникла помилка:Unable to interpret argument clean-css … заходимо в консоль і пишемо: