學習筆記 - Sass的安裝與使用手冊

最近由於工做須要，自學了Sass。如今將學習筆記整理在這裏，供你們參考。

1. Sass的安裝

Sass的編輯器安裝方法有不少，大體能分爲兩種：應用程序（application）和命令行界面（command line）。我使用的是命令行。由於以前已經在Mac上安裝過Homebrew的package，用的命令行是

brew install sass/sass/sass

Homebrew對系統xCode版本有要求，如遇提示xCode版本太低，在App Store下載更新軟件，或者直接卸載軟件均可以。

若是已經安裝過node.js，也可使用npm指令

npm install -g sass

若是提示權限不足，在命令行前加上sudo便可。

參考網頁 https://sass-lang.com/install

2. Sass編輯器的使用

Sass的使用很簡單，記住兩條指令便可。
第一條指令以下，意思是編輯input.scss，並輸出儲存在output.css文件中。指令只編譯一次。

sass input.scss output.css

第二條指令增長了一個watch功能。同上述指令，編譯input.scss儲存至output.css。指令編譯屢次，適用於開發過程當中的編譯。.scss文件的改動會被檢測（watch）並當即編譯寫入相應的.css文件中。

sass --watch input.scss output.css

3. 其餘

Sass的語法有不少資源都體積到了，在此就不贅述了。
推薦幾處參考網站：

• Sass Basics Sass官方語法 https://sass-lang.com/guide
• Sassmeister 官方Sass在線編輯器 https://www.sassmeister.com/