PHPStorm 安装配置SCSS

时间:2024-05-18 13:51:22

1,下载安装Ruby,官方网址:https://rubyinstaller.org/downloads/。选择符合自己的系统的版本就行。

2,下载完成后双击打开安装,默认一直点击下一步就行。安装完毕后,找到ruby安装目录:\Ruby22-x64\bin,找到其中的

gem.bat”或者“gem.cmd”文件,双击运行。

PHPStorm 安装配置SCSS

 如果运行成功,会有类似命令提示框的一闪而过,不用管它。

3,运行cmd,打开命令提示框,输入gem install sass 命令。如下图所示:

PHPStorm 安装配置SCSS

4,打开phpstorm,选择File ->setting -> Tools -> FileWatchers,然后进行如下选择:

PHPStorm 安装配置SCSS

5,在弹出的窗口中进行如下配置:

PHPStorm 安装配置SCSS

6,配置完成后,在php项目中右击你要建立scss文件的文件夹,进行如下选择:

PHPStorm 安装配置SCSS

PHPStorm 安装配置SCSS

7,最终完成结果如下图所示,你就可以在C.scss文件中写脚本了:

PHPStorm 安装配置SCSS

(备注

如果scss文件中含有中文,可能 编译失败,只要在scss文件头部加上:

@charset "utf-8";

即可。)