最近因為工作需要，自學了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即可。

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的語法有很多資源都體積到了，在此就不贅述了。 推薦幾處參考網站：