1,下载安装Ruby,官方网址:https://rubyinstaller.org/downloads/。选择符合自己的系统的版本就行。
2,下载完成后双击打开安装,默认一直点击下一步就行。安装完毕后,找到ruby安装目录:\Ruby22-x64\bin,找到其中的
“gem.bat”或者“gem.cmd”文件,双击运行。
如果运行成功,会有类似命令提示框的一闪而过,不用管它。
3,运行cmd,打开命令提示框,输入gem install sass 命令。如下图所示:
4,打开phpstorm,选择File ->setting -> Tools -> FileWatchers,然后进行如下选择:
5,在弹出的窗口中进行如下配置:
6,配置完成后,在php项目中右击你要建立scss文件的文件夹,进行如下选择:
7,最终完成结果如下图所示,你就可以在C.scss文件中写脚本了:
(备注:
如果scss文件中含有中文,可能 编译失败,只要在scss文件头部加上:
@charset "utf-8";
即可。)