第 361 篇 · 第 14 卷 前端,沒有極限 2026 年 6 月 9 日 · 台北
ls -lt ./posts --since=2013 REC · node 361 · uplink

sass

Sass 開始前的問與答

2013 年 08 月 31 日 · 1 分鐘閱讀 · By Wang Casper

sass官方網站 : http://sass-lang.com/

如何開始使用sass呢?

在開始前,還是先認識一下這是怎樣的東西。

他是不是像Dreaweaver的軟體,安裝完後就可以用了?
很可惜不是,Sass是一種基於Ruby編寫的CSS擴充語言,所以要使用就要先有Ruby環境。
Sass,為何又有人說scss?
兩者都屬於sass,而差在附檔名以及編寫方式的不同。
.sass 是屬於舊式的sass語法,明顯的特徵是利用縮排取代大括號。
.scss 是較新的語法,為了讓新一代的設計師可以承受較少的痛學習sass,所以在結構上相當類似CSS。
(本站是用sass,只因為覺得大括號要找頭尾很麻煩。)
Less 又是什麼?
他也是類似sass的CSS擴充語言,不同的是sass是在Ruby環境下,而less是Javascript library。
這邊有一個比較網站,可以自行參考看看。
Ruby環境,安裝是不是很麻煩?
對於沒有安裝類似環境的人來說,真的有夠麻煩...,但是很多時候痛一次就過了,當然也有花點小錢解決事情的方法~。
花點小錢的解決方法!?
Fire.app
Fire.app就...讚。
prepros
prepros是免費的,但是在多次使用後發現有些bug,以及他的livereload只針對他所編譯的檔案才有效,所以現在比較沒有使用了。
sass 可以運用在現在的專案嗎?
scss 是不錯的選擇,只要環境準備好,將CSS檔名修改成.scss 就可以開始了,而且從現有的專案開始慢慢學習,也不會有太大的挫折感。
Compass又是什麼?
自己去看上一集!

如果看完以上文章,還不是很了解的話,在接下來的文章會教大家如何使用,從實際範例中慢慢的認識sass。