idea或webstorm 配置sass

第一步 找到idea preferences

 

 

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

 

 

 

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

 

 

第四步 配置Scss 监听命令

 

 

 

其中，
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:$FileNa

链接：https://www.jianshu.com/p/c42d23cc8365