首先正确安装Compass
打开WebStorm 10
配置Compass
webstorm->settings->Languages&Frameworks->Compass
勾选Enable Compass support,并进行相关配置,详见下图:
至此Compass配置完成。
配置File Watchers
webstorm->settings->Languages&Frameworks->Tools->File Watchers
依照下图惊醒配置:
选择Compass SCSS
保持默认配置点击OK
我们利用Watcher,在没有保存的情况下,只要修改了scss文件就会自动编译。