一、什麼是sass
- Sass 是一門高於 CSS 的元語言,它能用來清晰地、結構化地描述文件樣式,有着比普通 CSS 更加強大的功能。
- Sass 能夠提供更簡潔、更優雅的語法,同時提供多種功能來創建可維護和管理的樣式表。
二、sass和scss有什麼區別
Sass 和 SCSS 其實是同一種東西,我們平時都稱之爲 Sass,兩者之間不同之處有以下兩點:
- 文件擴展名不同,Sass 是以“.sass”後綴爲擴展名,而 SCSS 是以“.scss”後綴爲擴展名
- 語法書寫方式不同,Sass 是以嚴格的縮進式語法規則來書寫,不帶大括號({})和分號(😉,而 SCSS 的語法書寫和我們的 CSS 語法書寫方式非常類似。
三、sass的安裝
windows版
1… 在 Windows 平臺下安裝 Ruby 需要先有 Ruby 安裝包,大家可以到 Ruby 的官網(http://rubyinstaller.org/downloads)下載對應需要的 Ruby 版本。
2. Ruby 安裝文件下載好後,可以按應用軟件安裝步驟進行安裝 Ruby。在安裝過程中,個人建議將其安裝在 C 盤下,在安裝過程中選擇第二個選項(不選中,就會出現編譯時找不到Ruby環境的情況),如下圖所示:
3. Ruby 安裝完成後,在開始菜單中找到新安裝的 Ruby,並啓動 Ruby 的 Command 控制面板,如下圖所示:
4. 當你的電腦中安裝好 Ruby 之後,接下來就可以安裝 Sass 了。同樣的在windows下安裝 Sass 有多種方法。
命令版
1.打開電腦命令行終端,輸入
gem install sass
2. 提醒一下,在使用 Mac 的同學,可能需要在上面的命令前加上"sudo",才能正常安裝:
sudo gem install sass
(會安裝sass就行,用什麼方法都行,其他的我也不會了)
四、檢測sass及更新
檢測::安裝完之後要確定是否安裝成功,只需要一行命令即可:
sass -v
如果在命令終端出現以下代碼,就代表安裝成功,可以正常使用啦啦!
更新:只需要在命令終端執行:
gem update sass
看到類似下面的信息,就表示已經更新到最新版本啦