2013年10月4日

某允的FIRE.APP之路(1)使用SCSS與SASS

去了RGBA以後,開始學起了一些預處理器,我也不知道這是不是主流就給他學下去了。
FIRE.APP售價四百多塊,省去很多部屬RUBY的工作,還蠻划算的,
所謂金錢買不起時間?

進入正題,買了軟體以後,解壓縮就可以執行了,
MAC和WIN7大同小異,會出現一個小圖標

然後使用的話,有很多範例,我都隨便開,creat一個就對了

建立資料夾會看到,然後你也可以先放一個index,等等就可以用了。
SASS就是放你的.SASS檔或是SCSS檔,記得看你走哪派改副檔名就好。

然後每次打開要注意一下,fire.app是不是有在watch你的專案資料夾,不要自己搞烏龍XD
只要有watch中,你在SASS資料夾內的.sass或.scss就會自動編譯成css檔,前提是你的sass或scss有存檔。
然後你就可以使用http://127.0.0.1:24681/ 來本機瀏覽你的專案網頁了!

眼尖的自己看一下,如果你注意到下面有livereload頁可以順便按一按然後安裝一個瀏覽器外掛,就可以省去按F5的時間。

基本上到這邊,就可以用新的CSS編輯方法加快你的編碼速度了!
基本上我一開始是看閃光洽大大的開始摸索,如果你安裝好了不知所措也可以去參考一下
http://sass.hinablue.me/#slide1
其他心得我會陸續整理筆記上來~
3Q!!!!


0 意見: