webstrom配置动态将scss编译成css

webstrom配置动态将scss编译成css

软件准备

在配置之前需要安装ruby和sass

1. 安装ruby
   电话环境：window10 X64
   ruby安装网站:https://rubyinstaller.org/downloads/
   点击网站上的进行下载就好，我下载的是最新版：buty-2.7.2-1
   
   下载完成后直接点击安装就好
   检验ruby是否安装完成

ruby -v

打开cmd输入以上命令，出现正常的版本号，说明安装成功，否则重新打开cmd再试一次，再不行就重新装一次。
2. 安装sass
在cmd中输入gem install sass，这个安装过程有点慢，需要耐心等待一下。
检测sass是否安装成功，在cmd中输入sass -v,出现正确的版本号就表示安装成功。