LESS installieren und anwenden

LESS installieren und anwenden

LESS ist ein Präprozessor der CSS mit Variablen , Funktionen und Vererbung erweitert. Dadurch kann eine saubere und schnellere Entwicklung von CSS gewährleistet werden. Dieser Beitrag zeigt wie ihr LESS auf dem Computer installiert und LESS compiliert.

Node.js installieren

Node.js ist ein Javascript Server, mit dem lassen sich Javascripte im Backend ausführen. Eine Detaillierte findest du auf https://howtonode.org/how-to-install-nodejs.

LESS Modul installieren

Öffnet die Konsole, bei Windows einfach in das Suchfeld CMS eintippen und Enter drücken. Danach fügt ihr folgenden Befehl in die Konsole ein:

npm install -g less

LESS compilieren

Zuerst erstellt ihr eine style.less Datei in eurem Projekt-Verzeichnis. In diese Datei schreibt ihr folgenden LESS Code:

Mit dem less comman könnt ihr nun die LESS Datei in CSS compilieren.

lessc style.less style.css

Aus diesem Code wird dann folgende CSS generiert:


wallpaper-1019588
[Comic] Strangers in Paradise [3]
wallpaper-1019588
17 allergikerfreundliche Zimmerpflanzen für eine saubere Luft
wallpaper-1019588
Einsteiger-Smartphone Cubot X50 kommt Mitte Mai 2021
wallpaper-1019588
15 wichtige Tipps: So pflanzen Sie Stauden richtig!