mac下webstorm添加scss watcher


一、前提條件:

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了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM