1.windows下要先安裝Ruby(mac從自帶了):http://rubyinstaller.org/downloads/
安裝過(guò)程中躲叼,記得勾選Add Ruby executables to your PATH卖词,直到 Ruby 安裝程序完成 Ruby 安裝為止。使用命令:ruby -v;查看是否安裝成功
2.cmd:使用ruby安裝sass:gem install sass
3.sass ?使用縮進(jìn)來(lái)代替大括號(hào)错敢;scss 類(lèi)似于css的語(yǔ)法
4.在webstrom中配置scss:
打開(kāi)已有項(xiàng)目痊臭,創(chuàng)建一個(gè)scss文件;打開(kāi)配置(Tools - File Watchers)就可以見(jiàn)到了停局,點(diǎn)擊“+”號(hào)就可以新建監(jiān)聽(tīng)配置了很钓。在彈出的對(duì)話框中,將Program的路徑設(shè)為Ruby中scss.bat的路徑董栽。
5.然后編寫(xiě)scss文件的時(shí)候码倦,webstorm會(huì)自動(dòng)生成對(duì)應(yīng)的css文件,別忘記在html中引入這個(gè)css文件锭碳。