LESS.app jak aplikacja?

Niedawno dowiedziałem się o aplikacji OS X o nazwie LESS.app . Jest to w zasadzie aplikacja do kompilacji i minimalizacji plików * .less w pliki * .css i robi to w czasie rzeczywistym. Chcę wiedzieć lub mogę zarchiwizować to samo w Ubuntu i jak sobie z tym poradzić.

Bryan tutaj. Twórca Less.app.

Gorąco polecam ZNOWU przy użyciu starszej wersji LESS (opartej na Ruby). Less.js to nie tylko javascriptowy port LESS, to gruntowne przepisywanie, które poprawia masę rzeczy, dodaje obsługę rzeczy, których nie ma stara wersja Ruby, i zwiększa szybkość kompilatora o około 84%.

Zamiast instalować klejnot Ruby, zainstaluj Node.js i uruchom Less.js przez Node z wiersza poleceń. Nadal będziesz mieć wszystkie funkcje -watch, ale będziesz używać do tego Less.js, co oznacza, że ​​twoje życie będzie znacznie lepsze.

Alternatywnie użyj Less.js jako skryptu w tworzonej witrynie. To zadziała na rzecz rozwoju. Po zakończeniu kodowania po prostu skopiuj plik CSS generowany przez Less.js (z poziomu inspektora przeglądarki) i umieść go w pliku, dodaj rozszerzenie .css, a następnie usuń tag skryptu Less.js ze stron HTML i zamień Właśnie utworzony plik CSS.

Tak czy inaczej, użyj Less.js.

Uwaga

Przeczytaj odpowiedź Bryana. On wie o czym mówi. ;-)

Możesz po prostu zainstalować mniej .

1. Zainstaluj rubygemy i mniej

   sudo apt-get install rubygems
   sudo gem install less
   

2. Oficjalna dokumentacja zauważa:

   Aby klej działał poprawnie, należy napisać ścieżkę klejnotu do ŚCIEŻKI dodaj do ~ / .bashrc:

    export PATH=/var/lib/gems/1.8/bin:$PATH
   

3. Następnie możesz użyć mniejszego kompilatora

   lessc style.less
   

Nie sądzę, aby istniał interfejs graficzny podobny do tego, z którym się łączysz. Ale ponieważ wydaje się, że jest to bardzo płytkie GUI na dodatek mniej kompilatora, nie sądzę, abyś miał problemy z bezpośrednim użyciem go. Rodzaj

lessc --help

nauczyć się go używać.

Jeśli chcesz, aby pliki .less były automatycznie kompilowane za każdym razem, gdy je zmienisz, możesz skorzystać z -wopcji:

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

Możesz umieścić ten proces w tle, naciskając Ctrl+ Zi wpisując bg, i rozpocznij tyle, ile chcesz. Możesz sprowadzić je z powrotem na pierwszy plan, wykonując fglub fg 3w ramach trzeciego procesu, aby uzyskać listę wszystkich zadań i ich typów liczbowych jobs.

Według mojej wiedzy, ruby ​​less nie jest wystarczająco aktualizowany, aby obsłużyć nawet operatora konkatenacji.

Dla zainteresowanych rozwiązaniem, które kompiluje .less po zapisaniu dla platform innych niż Mac przy użyciu less.js, możesz sprawdzić ten przewodnik instalacji *. Chociaż samouczek jest skierowany do użytkowników systemu Windows, wyobrażam sobie, że jeśli możesz pobrać Node.js na swój system, sam skrypt będzie działał tak samo.

* Zastrzeżenie: Ten samouczek jest mój. Pomyślałem, że ludzie mogą chcieć zobaczyć, co konkretnie powyższy plakat oznacza „Użyj Node.js”. Nie byłem w stanie znaleźć żadnych skryptów online do użycia Node.js do kompilacji LESS po zapisaniu pliku, więc ugotowałem jeden i pomyślałem, że go podzielę.

W Ubuntu 11.10 możesz po prostu wydać

sudo apt-get install lessc

możesz również zainstalować kompilator wiersza poleceń w Ubuntu 12.10:

sudo apt-get install node-less

Istnieje również http://koala-app.com/ .

http://crunchapp.net/ był moim ulubionym, ale musimy podziękować Adobe za wycofanie AIR dla Linuksa.