PHPStorm 安装配置SCSS

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";

即可。)