安装Sass(Scss)+PHPstorm中搭建环境

1.下载ruby 安装 安装版本 2.7 > ruby version ≥ 2.2 否则无法安装Sass

因为sass依赖于ruby环境，所以装sass之前先确认装了ruby

在安装的时候，请勾选Add Ruby executables to your PATH这个选项，添加环境变量，不然以后使用编译软件的时候会提示找不到ruby环境

2.命令行安装Sass -> 点击start Command ···

然后命令行中输入：

gem install sass

安装成功：
WebStorm的配置
1.新建一个scss文件，可看到如下提示，并点击yes

2.添加如下字段进相应位置

Arguments:
--no-cache --update --sourcemap --watch $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css

Output paths to refresh:
$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

注意：大家都知道为了方便代码管理都会把相同的文件放在一个文件夹中，所以在Phpstorm中我在Output paths to refresh中如此配置，同时也决定了我必须依照次规则使用scss
规则：新建scss文件夹，新建*.scss* ，编写* .scss文件将会自动创建css文件夹，并在文件夹中生成 *.css 和 *.css.map。
每次修改和编写 * .scss文件， * .css文件都会自动更新同步