webstrom,Hbuilder配置scss

 

1.安装Ruby；

2.在doc命令中安装sass

gem install sass

3.在C:\Ruby23\bin找到scss.bat的文件

webStrom配置

1.webstrom中找到File -> Settings -> Tools -> File Watchers -> + -> SCSS

默认情况下，编译好的css文件是会直接生成在scss文件下，可以修改Arguments参书改变编译后的css地址

默认：--no-cache --update $FileName$:$FileNameWithoutExtension$.css 
修改：--no-cache --update $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css

生成路径如下图

Hbuilder配置：

1.顶部菜单 工具–>预编译器设置选项

2.新建或者编辑.scss

3.scss.bat路径选择如上