在使用sass 首先得安裝ruby,這些可以看 安裝教程
控制台進入 sass的資料夾,使用 sass --watch xx.scss:xx.css
當想要停止監聽的時候;ctrl c 就可以了。 是不是超級簡單...
在這裡需要注意的是 首次監聽轉換的時候 可能會報關於utf-8的錯誤;
解決方案兩種:
方法一:
加上:@charset
方法二:
找到ruby安裝路徑
修改 engine.rb檔案 加上以下**(放在所有require之後就可以)
encoding.default_external = encoding.find('utf-8') ;
如果這個時候 實時監聽還報關於 utf-8的錯誤時,請保證你整個專案路徑不含有中文的。
關於Sass用法
sass是css預處理器,sass是一種易於使用的樣式語言,可幫助減少傳統css的許多重複性和可維護性挑戰。學習sass可以編寫出可重複使用的樣式效,也是在工作和面試要求中不可或缺的一項技能了。sass使您可以使用css中不存在的功能,例如變數,巢狀規則,混合,匯入,繼承,內建函式和其他內容。支援 ...
匯入sass檔案
4匯入sass檔案 1sass區域性檔案的檔名以下劃線開頭。這樣,sass就不會在編譯時單獨編譯這個檔案輸出css,而只把這個檔案用作匯入。當你 import乙個區域性檔案時,還可以不寫檔案的全名,即省略檔名開頭的下劃線。2 預設變數值 default用於變數,含義是 如果這個變數被宣告賦值了,那就...
關於sass(簡短有用)
簡介 sass 是一款強化 css 的輔助工具,它在 css 語法的基礎上增加了變數 variables 巢狀 nested rules 混合 mixins 匯入 inline imports 等高階功能,這些拓展令 css 更加強大與優雅。使用 sass 以及 sass 的樣式庫 如 compas...