今天來聊聊sass吧，之前用了很久的less，剛開始接觸的時候感覺這東西就是個神器，

寫css時間長了自然就能發現css在書寫的時候的不足之處，不能嵌套，沒有變量，更加不能像js那樣用循環自動生成之類的，這些問題全部都被less解決掉了

less加入了變量，加入了嵌套式寫法，還有一大堆好用的功能，在這里就不多說了，今天要說的是sass。其實剛接觸less的時候就知道有sass這個東西了，但是那時候的sass很奇怪，寫法過于新穎，大家感受一下

bodymargin: 0padding: 0height: 20pxwidth: 30px...

看出來了么？ 對的，sass早期的時候有規定書寫格式，不這么寫它就給你報錯，這個在習慣上來說一時間是比較難接受的，特別是我們這種寫css好幾年的人來說更加如此，而后面sass的升級版又把它強加的書寫格式去掉了可能就是考慮到這方面

第二個不能接受sass的點就是安裝比較麻煩，從事前端開發的人員，電腦上基本上是少不了node的 less可以直接用npm包管理器進行安裝，這就很方便了，而sass就相對麻煩一些了，還需要先安裝ruby。 因為sass是基于ruby語言開發的（mac系統自帶ruby,后來才知道）從過程來說就多了一步。另外一點，less可以作為一個js文件直接在客戶端運行，這無疑又拉近了和前端開發者之間的距離，所以早期的時候大家都比較傾向于less,

Bootstrap也是這么選擇的，Bootstrap 3.0就是用less進行開發的。而對于前幾年來說，less也足以滿足大家的需求了。

但是經過這幾年的發展，大家的技術在進步，需求也在變得更加復雜，這時候less就顯得有點力不從心了，并不是它不好了，只是對于工作幾年的中高級程序員來說，大家需要一個功能更加強大的css預處理器。

于是這時候回頭一看，sass一直都在我們身邊，看看它的文檔，雖然寫得有點亂，但是各方面都比較符合我們的需求，越看越順眼了。而且現在的sass也升級了，做到了完全兼容css3, 在css基礎上增加變量，嵌套，混合等功能?？梢酝ㄟ^函數進行顏色值與屬性值的運算，提供控制指令等高級功能，甚至可以自定義輸出格式

另外一點，隨著各大框架的推行，less和sass的編譯工作變得越來越簡單，安裝個loader就好了，不需要全局安裝編譯器了。另外很多編輯器也自帶編譯，這樣一來，less前期的那些優勢蕩然無存。 那，接下來，跟我一起來看看sass吧

通過前面的介紹，我想大家已經知道了，sass是一個css預處理語言。 在這里要明確一個概念，什么是css預處理語言呢?

簡單來說CSS 預處理器定義了一種新的語言，其基本思想是，用一種專門的編程語言，為 CSS 增加了一些編程的特性，將 CSS 作為目標生成文件，然后開發者就只要使用這種語言進行編碼工作。在編程語言中的一些基本特性，可以讓你的 CSS 更加簡潔、適應性更強、可讀性更佳，更易于代碼的維護等諸多好處。

再通俗一點，就像是文言文和白話文。 文言文幾個字，翻譯成白話文就是一片文章。當然在這里只是一個類比。

基本概念理解清楚了，Sass有這么多好用的功能，但是我要如何把sass用到我的項目當中呢？請期待下篇文章！

總結

以上是生活随笔為你收集整理的unipapp 解决无法编译sass_Sass教程一：Sass概况的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。