webstrom 配置scss

一、前提条件

电脑已经完成Ruby，Sass，Compass的安装 。

二、相关配置

打开webstorm ---- settings ---- Tools ---- files Watchers ---- 点击右上方的加号，选择scss / sass

1. Program
   Ruby安装目录下 ---- bin ---- scss.bat / sass.bat文件路径
2. Argument
   可以配置编译后的文件的输出路径

// 推荐压缩版
--no-cache --update --sourcemap --watch $FileName$:$FileNameWithoutExtension$.css --trace  --style compressed

三、注意

如果Scss/Sass文件中内容带中文会报错，就给Scss/Sass文件的第一行添加@charset "utf-8"