LESS.app wie Anwendung?

16

Kürzlich habe ich von einer OS X-Anwendung namens LESS.app erfahren . Es ist im Grunde eine App zum Kompilieren und Minimieren von * .less-Dateien in * .css-Dateien und dies in Echtzeit. Ich möchte wissen, ob und wie ich dasselbe in Ubuntu archivieren kann.

Stimmung
quelle

Antworten:

25

Bryan hier. Entwickler von Less.app.

Ich kann NICHT EMPFEHLEN, die ältere Version von LESS (die Ruby-basierte) zu verwenden. Less.js ist nicht nur eine Javascript-Portierung von LESS, sondern eine von Grund auf neu geschriebene Version, die eine Menge Dinge verbessert, Dinge unterstützt, die die alte Ruby-Version nicht hat, und die Compiler-Geschwindigkeit um etwa 84% erhöht.

Anstatt das Ruby-Juwel zu installieren , installieren Sie Node.js und führen Sie Less.js über Node von der Befehlszeile aus. Sie haben immer noch alle Funktionen von -watch, aber Sie werden Less.js verwenden, um dies zu tun, was bedeutet, dass Ihr Leben viel besser wird.

Alternativ können Sie Less.js als Skript in der von Ihnen erstellten Website verwenden. Dies wird für die Entwicklung funktionieren. Wenn Sie mit dem Codieren fertig sind, kopieren Sie einfach das von Less.js generierte CSS (aus dem Inspektor Ihres Browsers) und fügen Sie dieses in eine Datei ein CSS-Datei, die Sie gerade erstellt haben.

Verwenden Sie in beiden Fällen Less.js.

Bryan
quelle
Vielen Dank Bryan, mir war kein anderer Less.js-Compiler bekannt als der, der auf der Seite eingefügt werden muss. Eine Portierung von Less.app für Ubuntu ist vermutlich nicht in Frage gekommen. ;)
Stimmung
Funktioniert less.js auf Headless-Build-Maschinen? Ich erhalte ein "ReferenceError: Fenster ist nicht definiert", wenn ich versuche, es auszuführen.
Kathy Van Stone
Beachten Sie, dass die Rubinversion von less jetzt von less.js
Kathy Van Stone
3

Hinweis

Lesen Sie Bryans Antwort. Er weiß wovon er spricht. ;-)

Sie können einfach weniger installieren .

  1. Installieren Sie Rubygems und weniger

    sudo apt-get install rubygems
    sudo gem install less
    
  2. Die offizielle Dokumentation bemerkt:

    Damit gem richtig funktioniert, sollten Sie den Pfad von gem zu PATH schreiben und zu ~ / .bashrc hinzufügen:

     export PATH=/var/lib/gems/1.8/bin:$PATH
    
  3. Sie können dann den less-Compiler verwenden

    lessc style.less
    

Ich glaube nicht, dass es eine GUI gibt, mit der Sie verlinkt sind. Aber da es sich nur um eine sehr flache GUI zu handeln scheint, die auf dem weniger echten Compiler aufbaut, werden Sie wahrscheinlich keine Probleme damit haben, sie direkt zu verwenden. Art

lessc --help

zu lernen, wie man es benutzt.

Wenn Sie möchten, dass Ihre .less-Dateien bei jeder Änderung automatisch kompiliert werden, können Sie das verwenden -w Option verwenden:

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

Sie können diesen Vorgang in den Hintergrund stellen, indem Sie Ctrl+ drücken Zund eingeben bgund so viele starten, wie Sie möchten. Sie können sie zurück in den Vordergrund bringen, indem Sie fgoder fg 3für den dritten Vorgang eine Liste aller Jobs und ihrer Nummerntypen abrufen jobs.

Stefano Palazzo
quelle
Vielen Dank! Im Moment benutze ich Less.js ( bit.ly/9bG1E9 ), aber ich werde den Ruby-Compiler ausprobieren. Die GUI ist mir nicht wichtig. Was ich aber wirklich mag, ist ein Tool, das meine .less-Datei (en) überwacht und jedes Mal, wenn ich Änderungen an meiner .less-Datei speichere, eine .css kompiliert. Wie es gemacht wird, über eine App, eine CLI oder ein gedit-Plug-in, ist mir egal.
Stimmung
@ Stimmung, das macht es - ich werde es der Antwort hinzufügen.
Stefano Palazzo
1
Beeindruckend! Danke noch einmal. Genau das suche ich.
Stimmung
2

Meines Wissens ist ruby ​​less nicht genug aktualisiert, um den Verkettungsoperator überhaupt zu verarbeiten.

Für diejenigen, die an einer Lösung interessiert sind, die .less kompiliert, nachdem sie für Nicht-Mac-Plattformen less.js verwendet haben, können Sie diese Installationsanleitung lesen *. Obwohl sich das Tutorial an Windows-Benutzer richtet, stelle ich mir vor , dass das Skript selbst genauso funktioniert , wenn Sie Node.js auf Ihrem System installieren können.

* Haftungsausschluss: Dieses Tutorial ist meins. Ich dachte nur, die Leute möchten vielleicht genau sehen, was das obige Poster mit "Use Node.js" zu tun hat. Ich konnte online keine Skripte für die Verwendung von Node.js zum Kompilieren von LESS beim Speichern von Dateien finden, also habe ich mir eines ausgedacht und gedacht, ich würde es teilen.


quelle
Es ist toll, dass Sie dabei sind, aber das sieht merkwürdig aus: Werben Sie auf Ihrer eigenen Website für eine Windows-Lösung? Fügt dies etwas hinzu, was die anderen Antworten nicht tun?
Belacqua
Ja - nicht rubinrot, nicht MacOSX. Sie können das Skript less.js verwenden, das mit node.js zusammenarbeitet, sodass Benutzer ohne MacOSX-Betriebssystem, die Node.js kompilieren können, die sofortige .less-Kompilierung genießen können.
Node.js zum Laufen zu bringen ist nicht schwer. Ich bin mir nicht sicher, ob ich diesen Artikel befolgt habe. Codediesel.com/linux/installing-node-js-on-ubuntu-10-04, aber Node.js wurde in kürzester Zeit eingerichtet. Beim Einrichten von Less.js habe ich mir jedoch ein paar Haare ausgerissen. Sobald Node.js unter Ubuntu ausgeführt wird, können Sie den Schritten in Josephs Tutorial folgen, um less.js zum Laufen zu bringen. Dies ist daher eine hilfreiche Ergänzung zu diesem Thread.
Stimmung
2

Unter Ubuntu 11.10 können Sie einfach ein ausstellen

sudo apt-get install lessc
Prav
quelle
1

Sie können den Kommandozeilen-Compiler auch in Ubuntu 12.10 installieren:

sudo apt-get install node-less
JoZ3
quelle