scss环境搭建 【mac】

1. mac上本身已经有ruby，直接查看版本号即可
   ruby -v
   （window上需要安装ruby的安装包）
   

2. 安装sass
   sudo gem install sass
   
   测试安装成功与否：
   sass -v

3. 在webstorm上配置自动编译
   如下图，找到preference – file watchers – 点击左下角的加号 – 出现弹框 – 保存
   

4. 在idea上配置
   如下图，直接在plugins上下载
   
   但我的每次都下载没反应，用下面的方法安装插件：
   4.1 先在网页上下载插件
   http://plugins.jetbrains.com/plugin/7177-file-watchers
   4.2 将插件包解压，放在idea的Contents – plugins 文件夹下
   4.3 重启idea