LESS.app как приложение?


16

Недавно я узнал о приложении для OS X под названием LESS.app . Это в основном приложение для компиляции и минимизации файлов * .less в файлы * .css, и это происходит в режиме реального времени. Я хочу знать, или я могу заархивировать то же самое в Ubuntu и как это сделать.

Ответы:


25

Брайан здесь. Разработчик Less.app.

Я настоятельно рекомендую ПРОТИВ использовать более старую версию LESS (основанную на Ruby). Less.js - это не просто порт LESS для javascript, это переписанный текст, который улучшает тонну вещей, добавляет поддержку вещей, которых нет в старой версии Ruby, и увеличивает скорость компиляции примерно на 84%.

Вместо того, чтобы устанавливать гем Ruby, установите Node.js и запустите Less.js через Node из командной строки. У вас все еще будут все функции -watch, но вы будете использовать Less.js для этого, а это значит, что ваша жизнь станет намного лучше.

В качестве альтернативы используйте Less.js в качестве сценария на создаваемом веб-сайте. Это будет работать для развития. Когда вы закончите кодирование, просто скопируйте CSS, который генерирует Less.js (из инспектора вашего браузера), и поместите его в файл, добавьте расширение .css, затем удалите тег сценария Less.js со страниц HTML и замените CSS-файл, который вы только что создали.

В любом случае, используйте Less.js.


Благодаря Брайану, я не знал о компиляторе Less.js, кроме того, который должен быть вставлен на странице - я полагаю, что порт Less.app для Ubuntu исключен. ;)
Настроение


Работает ли less.js на сборочных машинах без головы? Я получаю "ReferenceError: окно не определено", когда я пытаюсь запустить его.
Кэти Ван Стоун

Обратите внимание, что рубиновая версия less теперь работает под именем less.js
Кэти Ван Стоун,

3

Заметка

Прочитайте ответ Брайана. Он знает, о чем говорит. ;-)

Вы можете просто установить меньше .

  1. Установи рубины и меньше

    sudo apt-get install rubygems
    sudo gem install less
    
  2. В официальной документации замечания:

    Чтобы заставить gem работать правильно, вы должны написать путь к gem в PATH и добавить в ~ / .bashrc:

     export PATH=/var/lib/gems/1.8/bin:$PATH
    
  3. Затем вы можете использовать меньше компилятора, выполнив

    lessc style.less
    

Я не думаю, что есть графический интерфейс, подобный тому, с которым вы связаны. Но так как это только очень поверхностный графический интерфейс поверх реального менее компилятора, я не думаю, что у вас возникнут какие-либо проблемы с его непосредственным использованием. Тип

lessc --help

научиться им пользоваться.

Если вы хотите, чтобы ваши файлы .less автоматически компилировались при каждом их изменении, вы можете использовать -wопцию:

~$ lessc test.less -w
* Watching for changes in test.less... Ctrl-C to abort.
: Change detected... * Updated test.css
: Change detected... * Updated test.css

Вы можете поместить этот процесс в фоновом режиме, нажав Ctrl+ Zи набрав bg, и начать столько, сколько хотите. Вы можете вернуть их на передний план, выполнив fgили fg 3для третьего процесса получить список всех заданий и тип их номеров jobs.


Спасибо! Прямо сейчас я использую Less.js ( bit.ly/9bG1E9 ), но я попробую компилятор ruby. GUI не важен для меня. Но что мне действительно нравится, так это инструмент, который просматривает мои файлы .less и компилирует .css каждый раз, когда я сохраняю изменения в моем файле .less. Как это делается через приложение, CLI или плагин gedit, для меня не имеет большого значения.
Настроение

@ Хорошо, это так - я добавлю это в ответ.
Стефано Палаццо

1
Вот это да! Еще раз спасибо. Это именно то, что я ищу.
Настроение

2

Насколько мне известно, ruby ​​less недостаточно обновлен, чтобы даже обрабатывать оператор конкатенации.

Для тех, кто заинтересован в решении, которое компилирует .less при сохранении для платформ не Mac, использующих less.js, вы можете ознакомиться с этим руководством по установке *. Хотя учебное пособие предназначено для пользователей Windows, я думаю, что если вы сможете установить Node.js в своей системе, сам скрипт будет работать так же.

* Отказ от ответственности: этот учебник мой. Просто подумал, что люди могут захотеть увидеть, что именно на постере означает «Использовать Node.js». Я не смог найти в Интернете никаких сценариев для использования Node.js для компиляции LESS при сохранении файла, поэтому я приготовил один и решил поделиться им.


Приятно, что вы участвуете, но это выглядит странно - рекламировать пост на своем сайте для решения Windows? Это добавляет то, чего нет в других ответах?
belacqua

Да - не рубин, не MacOSX. Вы можете использовать скрипт less.js, который работает с node.js, поэтому пользователи, не являющиеся MacOSX, которые могут получить Node.js, могут получить мгновенную компиляцию без.

Запуск Node.js не сложен. Не уверен, или я следовал этой статье codediesel.com/linux/install-node-js-on-ubuntu-10-04, но Node.js был настроен в кратчайшие сроки. Однако при настройке Less.js я выдернул несколько волосков. Я полагаю, что после запуска Node.js в Ubuntu вы можете выполнить шаги, описанные в руководстве Джозефа, чтобы запустить и запустить less.js, и, таким образом, это полезное дополнение к этой теме.
Настроение


1

Вы можете установить его и в Ubuntu 12.10:

sudo apt-get install node-less

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.