sass的簡介和安裝

一、什麼是sass

  1. Sass 是一門高於 CSS 的元語言,它能用來清晰地、結構化地描述文件樣式,有着比普通 CSS 更加強大的功能。
  2. Sass 能夠提供更簡潔、更優雅的語法,同時提供多種功能來創建可維護和管理的樣式表。

二、sass和scss有什麼區別

Sass 和 SCSS 其實是同一種東西,我們平時都稱之爲 Sass,兩者之間不同之處有以下兩點:

  1. 文件擴展名不同,Sass 是以“.sass”後綴爲擴展名,而 SCSS 是以“.scss”後綴爲擴展名
  2. 語法書寫方式不同,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

看到類似下面的信息,就表示已經更新到最新版本啦
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章