【windows】Idea+ruby+Gem+Scss搭建css开发环境

1.先安装最新版的ruby:

传送门：http://rubyinstaller.org/downloads/

安装的时候，一定要允许写入环境变量（add to Path）
需要安装对应的安装包（64位或者32位）

2.安装完成后，再打开 开始 -> 运行 -> cmd

3.输入如下代码：

gem sources --remove https://rubygems.org/
gem sources -a https://ruby.taobao.org/
gem sources -l

#输出
*** CURRENT SOURCES ***
https://ruby.taobao.org # 请确保只有 ruby.taobao.org

有一段时间，淘宝的镜像不能用了，可以去百度下别的镜像，比如ruby-china

$ gem sources --add https://gems.ruby-china.org/ --remove https://rubygems.org/
$ gem sources -l
https://gems.ruby-china.org
# 确保只有 gems.ruby-china.org

4.再输入:

gem install sass
gem install compass

这一步是为了在ruby安装路径下生成SCSS.bat文件去监听SCSS文件。

5.安装完成之后，我们需要为IDEA添加file watcher插件

其中，arguments的配置为：

–no-cache –update –style compressed

$FileName$:$FileNameWithoutExtension$.css 

6.安装成功，重启编辑器即可。