Netbeans - LESS Compiler

Das Leben ist zu kurz um Zeit mit dem Schreiben von reinem CSS zu verschwenden... Wie gut dass es LESS gibt ;) Hier eine Anleitung zur Einrichtung des automatischen Kompilierens von LESS Dateien beim Speichern in Netbeans.

Sonntag, 21.12.2014

Netbeans - LESS Compiler - Windows

Anleitung zum Einrichten der automatischen Kompilierung von LESS Dateien in Netbeans unter Windows.

  • Installieren von node.js (http://nodejs.org), falls noch nicht vorhanden.
  • Installieren von LESS über die node.js Kommandozeile: npm install less -g.
  • Pfad zu "lessc.cmd" in Netbeans einstellen unter "Tools -> Options -> Miscellaneous- > CSS Preprocessors" (Beispiel: C:\Users\YourUserName\AppData\Roaming\npm\lessc.cmd).
  • LESS Kompilierung im Projekt aktivieren: Häkchen bei "Compile LESS Files on Save" unter "Project -> Properties -> CSS Preprocessors -> LESS" setzen sowie Input- und Output-Pfade setzen.

Netbeans - LESS Compiler - Mac OS X

Anleitung zum Einrichten der automatischen Kompilierung von LESS Dateien in Netbeans unter Mac OS X.

  • Installieren von node.js (http://nodejs.org), falls noch nicht vorhanden.
  • Installieren von LESS über die node.js Kommandozeile: sudo npm install less -g.
  • Pfad zu "lessc" in Netbeans einstellen unter "Preferences -> Miscellaneous -> CSS Preprocessors" (Beispiel: /usr/local/binb/lessc).
  • LESS Kompilierung im Projekt aktivieren: Häkchen bei "Compile LESS Files on Save" unter "Project -> Properties -> CSS Preprocessors -> LESS" setzen sowie Input- und Output-Pfade setzen.



Kommentare