webstrom scss（sass）配置

1.安装ruby，建议安装2.0.0以上。

安装成功后打开cmd输入ruby -v：

在左下角的window -> 所有程序 -> Start Command Prompt with Ruby。

2.开始安装sass ,打开Start Command Prompt with Ruby后输入（以下内容都是在Start Command Prompt with Ruby）：

1. gem sources --remove https://rubygems.org/    /*移除默认*/
2. gem source -a http://ruby.taobao.org      /*使用淘宝镜像*/
3. gem install sass     /*安装sass*/
4. sass -v    /*安装成功后*/

3.然后打开webstorm->File->Settings：

4.最后创建一个scss文件，会自动在.scss下生成.css，记得把.css引入你的页面：

然后我发现了一个问题，如果你重新创建一个项目，那个项目若是不能自动生成.CSS，可你的上一个项目会生成，这时说明这个新项目没添加监听，webstrom会在编辑区顶上提示，点击进去添加一下即可。