1: 首先 sass是由ruby開發，這塊windows安裝sass可以先安裝ruby程式，再通過包管理命令來安裝ruby
windows 命令列工具安裝： gem install sass
2：將scss檔案編譯成css
我們在使用的過程中，最終會將scss檔案轉為css，這塊我們使用vscode進行開發
sass sass/index.scss:css/index.css (翻譯：使用sass命令，將sass資料夾中的index.scss檔案轉為css資料夾下的index.css)
3：為了減少每次修改都需要執行該命令 ，這塊可以使用watch，來持續監聽，按下ctrl+c可以停止監聽
sass --watch sass:css （翻譯：使用sass --watch命令，對sass資料夾監聽，將編譯後的檔案放入css檔案加中）
4： sass 編譯輸出的css格式有四種：netsted(巢狀) （預設格式）， compact(緊湊) ，expanded（擴充套件），compressed(壓縮)
5：sass (以前版本，使用縮排語法，比如注釋可以/* 沒有結尾 */ ) , scss（現在版本，語法更精準）
6：scss 變數：使用$符號作為變數
Sass 初級學習三
1 運算 2 sass帶的一些函式 abs 求絕對值 round 四捨五入 ceil 向上取整 floor 向下取整 percentage 百分比 等 3 字串函式 str length 獲取長度 to upper case 大寫 to lower case 小寫 str index 獲取字串在另乙...
sass學習之路（一）
前言 欲善其事，先利其器。提高前端的工作效率，工具的使用時必不可少，最近正在鼓搗sass，做做筆記 大神請繞道 如果有什麼地方寫錯，請務必指出。道理都懂，廢話不多說，搞正事！環境依賴 sass工具是基於ruby編寫的，所以首先得在計算機上安裝ruby安裝完畢後，開啟選單，找到start comman...
Sass學習筆記 Sass的編譯
命令列編譯 gui 介面工具編譯 一般教程 ide自助編譯 webstorm設定 點選左上角的file settings file watchers 在彈窗的視窗的右上角點選綠色的 號,然後選擇scss arguments 配置編譯後的檔案的輸出路徑 四種編譯後css樣式 這裡有一段scss 巢狀輸...