Instalacja Less oraz integracja z PHPStorm

Posted by

Less to pre-procesor CSS umożliwiający pisanie styli w sposób łatwiejszy, wygodniejszy i wydajniejszy. W tym wpisie przedstawię jak zainstalować less na Windows. Szczegóły poniżej.

Najłatwiejszy sposób instalacji Less sprowadza się do dwóch czynności:

  1. Musimy mieć zainstalowane node.js, gdyż instalacja less odbywa się przez polecenie npm. Jeśli nie mamy node.js wystarczy pobrać odpowiedni plik ze strony:
    https://nodejs.org/en/
    Instalacja jest prosta, wystarczy przechodzić do kolejnych kroków.
  2. Druga czynność to instalacja samego lessa:
    npm install -g less
    

    Teraz najpiękniejsza rzecz – by korzystać z less-a w PHPStorm wystarczy uruchomić IDE (restart jeśli było uruchomione) i otworzyć plik less – automatycznie dostaniemy komunikat „Add watcher”. Jeśli tak się nie stanie to możemy przejść do Settings->Tools->File Watchers i wybrać z listy po prawej Template dla Less -> automatycznie zostanie pobrana ścieżka z zainstalowanym less – jeśli nie to zazwyczaj to: C:\Users\nazwa_uzytkownika\AppData\Roaming\npm\lessc.cmd

One comment

Leave a Reply

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *