周四写着写着项目，就想用用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
