在webstorm中配置sass编译环境

1.下载ruby

        下载地址：ruby下载

        

                           

2.安装ruby

        下载之后，有一个exe安装包

        双击exe文件 ，并选择自己的安装位置（这个位置一定要记得，需要在webstorm中使用）。其他的步骤默认安装即可。

3.安装sass

        ruby安装成功后，打开cmd命令行，输入 gem install sass ，回车后进行安装步骤（一定要保证网络稳定，不然可能安装失败）。

        安装成功后会在末尾显示：5 gems installed。然后输入 sass -v 查看版本号，如果有版本号则表示安装成功，如果没有则表示没成功，则需要重新安装。

        打开ruby 安装路径的文件夹，在bin文件可以看到sass.bat和scss.bat文件。这个文件很重要，需要在webstorm中配置

4. 在webstorm中配置sass环境

        以上ruby和sass都安装成功之后，就开始配置webstorm。

这样就配置好了。

5. 测试

        在webstorm中建立文件scss文件测试。

         注意： 这里文件名后缀是scss噢，不要写成sass了

建立之后会自动生成.css文件和css.map文件即可，里面的写的sass样式会转为css样式。

在html界面引用的时候还是引用css后缀的文件。

备注：

        原文：在webstorm中配置sass的开发编译环境_webstorm编译sass-CSDN博客