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路径选择如上