一、前提條件:
1.安裝ruby,如果我沒記錯的話,mac自帶ruby,終端輸入 ruby -v ,回車,如果顯示ruby的版本號,則說明ruby環境已經安裝好了。如果沒有,自行安裝ruby。例如我的mac顯示:
ruby 2.0.0p648 (2015-12-16 revision 53162) [universal.x86_64-darwin15]
2.安裝sass,過程與win系統的一樣,安裝好后,終端輸入 sass -v,回車,若顯示sass版本號,說明已經安裝好了。
例如我的mac顯示:
tydeMacBook-Pro:~ ty$ sass -v
Sass 3.4.21 (Selective Steve)
二、在webstorm中配置scss watcher
1. 打開一個sass文件,上方會顯示一條提示信息如下,點擊Add watcher,打開scss watcher的配置窗口。
2.在新打開的窗口中,在Program一項中配置scss.bat的路徑。然后點OK退出。至此配置完成,以后只要是在這個項目內,任意地方編輯sass文件、都會自動的生成對應的CSS文件和更新CSS代碼。
ps:我發現這個scss watcher並不好用。提示我找不到compass/reset,我估計是因為我的sass文件里引用的模塊的路徑的問題,或者其他配置問題,反正最后我還是干脆回終端窗口里用compass compile來轉換sass到CSS了。