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

即可。)

相关文章:

  • 2021-04-23
  • 2021-06-02
  • 2022-12-23
  • 2022-12-23
  • 2021-12-05
  • 2021-12-26
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-05-11
  • 2021-08-30
  • 2022-12-23
  • 2021-09-29
  • 2021-05-21
  • 2021-08-30
  • 2022-12-23
相关资源
相似解决方案