phpstorm 配置sass 自动编译css

1. 点击phpstorm 左上角 File->Settings进入后点击->File-watchers 如下

file.png

2. 点击右上角绿色的+号创建一个sass　如下

sass.png

最后一步　点击ok完成操作

现在可以去编译你的sass啦　自动编译生成css　在当前目录下

指定OutPut路径

默认是在当前目录下

Arguments:　--no-cache --update $FileName$**填写你的路径**:$FileNameWithoutExtension$.css

注! 配置前需要先安装ruby 和sass