Skocz do zawartości

Zdjęcie
- - - - -

Node.js i Recess jak z tego korzystać?


8 odpowiedzi w tym temacie
  • Zaloguj się, aby dodać odpowiedź
testerius

    Użytkownik

  • 77 postów
    • Czas spędzony online: 2d 8h 52m 2s
6
Neutralna

Napisano 23 kwietnia 2014 - 11:56

#1

Ostatnio natrafiłem na coś takiego jak recess. Wydaje mi się to całkiem przydatnym narzędziem, ponieważ można poprawić wygląd kodu. Pytanie tylko jak z tego korzystać i jak to w ogóle zainstalować?  :D Zainstalowałem node.js, odpaliłem, no i nie wiem co dalej. Ktoś z was może z tego korzysta?


  • 0

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 23 kwietnia 2014 - 12:00

#2

Lepiej 'minifajować' kod niż bawić się w takie coś, imo :)


  • 0

webDeveloper


testerius

    Użytkownik

  • 77 postów
    • Czas spędzony online: 2d 8h 52m 2s
6
Neutralna

Napisano 23 kwietnia 2014 - 15:20

#3

No tak, zmniejszam kod, tylko zaciekawił mnie również recess, z tego względu, że pozwoliłby mi na sporządzenie ładnego kodu i przyśpieszył trochę czas, bo nie musiałbym się zastanawiać nad powiedzmy kolejnością właściwości. :P Coś według tych zasad.

 

 


  • 0

unbreak

    WT Elite

  • 1 937 postów
    • Czas spędzony online: 27d 8h 43m 36s
506
Znakomita!
  • Location/home/unbreak

Napisano 23 kwietnia 2014 - 15:31

#4

No widzisz, w tym code guide masz wszystko opisane co i jak, po co jeszcze nadkładać białych znaków do pliku? :)


  • 0

webDeveloper


Yeoman

    Stary wyjadacz

  • 358 postów
    • Czas spędzony online: 6d 19h 43m 48s
169
Znakomita!
  • LocationKatowice

Napisano 23 kwietnia 2014 - 19:12

#5

Mimo wszystko jeśli chciałbyś wiedzieć jak się go używa...

 

W konsoli dajesz: (cmd w windowsie)

npm install -g recess 

Na linux'a potrzeba praw do globalnego instalowania więc dajesz:

sudo npm install -g recess

Jeśli się zainstaluje poprawnie to w konsoli po prostu wpisujesz komendę:

recess sciezka/do/pliku/style.css

Przetestowane u mnie. Jak wpiszesz samo słowo recess w konsole to Ci wyświetli listę przełączników (opcji) do wykorzystania.

 

 

 

po co jeszcze nadkładać białych znaków do pliku?

 

W sumie dla mnie to tylko jedna odpowiedz pasuje - do kopii roboczej, aby lepiej się pracowało :P Później posłużyć się narzędziami do konwertowania, minifikacji, kompresji etc i mamy ładnego dista :P W przeciwnym wypadku nieco zbędne.


  • 2

2ed58r7.png


testerius

    Użytkownik

  • 77 postów
    • Czas spędzony online: 2d 8h 52m 2s
6
Neutralna

Napisano 23 kwietnia 2014 - 19:34

#6

Korzystam z less, więc finalny plik css i tak jest kompresowany. :) Oczywiście recess przydałby mi się do poprawy wyglądu kodu w lessie, po to aby kod był ładny i czytelny, a nie chce mi się za bardzo bawić w ręczne przestawianie, skoro jest narzędzie, które może to za mnie wykonać. :D


  • 0

Yeoman

    Stary wyjadacz

  • 358 postów
    • Czas spędzony online: 6d 19h 43m 48s
169
Znakomita!
  • LocationKatowice

Napisano 23 kwietnia 2014 - 20:50

#7

Z tego co wiem, recess także kompiluje LESS do CSS a nawet ma kompresję. Ma także opcję watch, która nasłuchuje pliki przy zapisie aczkolwiek nie testowałem tego :)


  • 0

2ed58r7.png


testerius

    Użytkownik

  • 77 postów
    • Czas spędzony online: 2d 8h 52m 2s
6
Neutralna

Napisano 23 kwietnia 2014 - 21:12

#8

Hmm, właśnie jestem po kilku testach i działa to całkiem nieźle, kompiluje z less do css, jednak problem jest z opcją strictPropertyOrder, ponieważ chyba nie działa dla plików less. Stosuję taką komendę

recess main.less --strictPropertyOrder > main_compiled.less

Po wykonaniu otrzymuje coś takiego :D

 

RbbdPwl.png

 

Oczywiście jak wpiszę

recess main.less --strictPropertyOrder --compile > main_compiled.less

To tworzy się ładny kod, tylko css, przez co nie ma deklaracji zmiennych, mixins etc. :P


  • 0

Yeoman

    Stary wyjadacz

  • 358 postów
    • Czas spędzony online: 6d 19h 43m 48s
169
Znakomita!
  • LocationKatowice

Napisano 27 kwietnia 2014 - 21:20

#9

Obawiam się że może nie być takiej opcji dostępnej.

Dobry też jest CSSComb do sortowania z tego co miałem styczność :)


  • 0

2ed58r7.png






Podone tematy Collapse

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych