SASS przygotowanie środowiska i instalacja FireSass Opcje

[dkdnt]

Witam

Rozpoczynam swoją przygodę z sass, przygotowałem już prawie wszystko pod pracę z tym kodem instalacja Ruby, Sass, Compass, implementacja styli w notepad++ i zostało mi w rezultacie instalacja a właściwie włączenie dodatku do firefoxa FireSass i szczerze nie bardzo rozumiem w jaki sposób mam go włączyć.
Dodam, że mój angielski jest mizerny, ale staram się jak mogę i jakoś udało mi się uzyskać wcześniejsze informacje, ale nie wiem jak przygotować pozostałe rzeczy.

Na stronie dodatku jest taka instrukcja:
First, install FireSass from this page. Second, enable Sass's :debug_info option. If you're using Sass with a Ruby web framework, you probably want to set Sass::Plugin.options[:debug_info] = true. Add this to config/environment.rb in Rails, or config.ru (or wherever else configuration is specified) in other Ruby frameworks.

Zainstalowałem dodatek, ale nie wiem gdzie mam wpisać podane polecenia? Gdzie znajdę takie pliki environment.rb czy config.ru ? Pewnie to kwestia Ruby o którego istnieniu dowiedziałem się wczoraj;), lecz szczerze przyznam, że rozkładam ręce i nie ogarniam tego, a nie wyobrażam sobie pracy bez możliwości podglądu plików scss w przeglądarce...

Mógł by mi to ktoś jakoś łopatologicznie (IMG:style_emoticons/default/wink.gif) wytłumaczyć?

ps. gdyby udao mi się rozwiązać ten problem to opiszę to tutaj, także temat ciągle otwarty...

Z góry dzięki za pomoc!
pozdrawiam
dkdnt


--------------------------------------------

hehe (IMG:style_emoticons/default/smile.gif)
Chyba muszę się do tego przyzwyczaić, że jak sam sobie nie odpowiem na pytanie to nikt tego za mnie nie zrobi (IMG:style_emoticons/default/wink.gif) ...

info dla potomnych (IMG:style_emoticons/default/wink.gif)

Jeśli używasz compass po instalacji FireSass dodaj na końcu pliku projektu (plik z rozszerzeniem *.rb może mieć różną nazwę...) taki kod:

[PHP] pobierz, plaintext 
if environment != :production
    sass_options = {:debug_info => true}
end
[PHP] pobierz, plaintext 

Ja korzystam ze startowej skórki w drupalu w której taki projekt został już skonfigurowany czyli dołączony jest ten plik(*.rb) w Twoim przypadku możliwe, że musisz stworzyć nowy proj czyt. dokumentację compass. U mnie to byl config.rb.

następnie za pomocą konsoli (start>uruchom>cmd) uruchom sass(z dodatkowymi poleceniami) w katalogu projektu czyli tam gdzie jest plik .rb ...zrobisz to poleceniem:

[PHP] pobierz, plaintext 
sass --watch --compass --debug-info style.scss:style.css
[PHP] pobierz, plaintext 

żebyś się nie zdziwi ta komenda uzupełni css'a o dodatkowe info dla firebuga(ja próbowałem się tego pozbyć(IMG:style_emoticons/default/wink.gif) ) w postaci np:

[PHP] pobierz, plaintext 
@media -sass-debug-info{filename{font-family:file\:\/\/F\:\/xampp\/htdocs\/....styles\.scss}line{font-family:\0000345}}
[PHP] pobierz, plaintext 

ostatnią wersję edytowanego css trzeba poprostu wygenerować bez

[PHP] pobierz, plaintext 
--debug-info
[PHP] pobierz, plaintext 

W każdym bądź razie jak dodawane są te śmieci to w firebugu będziesz mial nr linii w plikach scss no i da się żyć(IMG:style_emoticons/default/smile.gif)

inne dostępne polecenia będziecie mieli po wpisaniu komendy: sass -h

życzę milej zabawy u mnie zaczyna robić się ciekawie:)

sorry za brak gdzieniegdzie malego Ł chyba skrót;) pozdro!

Ten post edytował dkdnt 21.01.2013, 23:19:54

[fizzlebubble]

Tak z ciekawości, dlaczego sass, a nie scss?