idea或webstorm 配置sass

周四写着写着项目，就想用用sass,由于之前经常用，来到这家公司，就很少用了，而且用的是idea,跟webstorm差不多，配置啥的也应该一样。就搞一搞。
第一步 找到idea preferences

WechatIMG585.jpeg

第二步 在Plugins中下载File Watches 插件（如果Tool里面有，此步略过）

WechatIMG586.jpeg

第三步 点击File Watches 面板左下角的+，新增监听任务，建议选择Scss

WechatIMG589.jpeg

第四步 配置Scss 监听命令

WechatIMG588.jpeg

其中，
Program是你Scss在你本地的路径，下载好scss以后，命令行which scss可以查看。
Arguments 是配置scss自动编译，生成css文件的路径，以及css文件格式等，在这不多说直接复制这一段就可以。相关命令可以命令行sass --help查看

—no-cache —update —sourcemap —watch $FileName$:$FileNameWithoutExtension$.css --style compressed(也可以把compressed换成 compact nested expanded这三个其中一个，如果为了减小体积，就用compressed,如果为了css清晰就用expanded,nested是默认的，compact是把同一个html标签的css样式放在一行，compressed是把所有的css样式放在一行，来缩小体积)

OutPut paths to refresh：

—no-cache —update —sourcemap —watch $FileName$:$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map