在webstorm下使用compass 和 sass

一直想玩sass，但发现这玩意似乎在linux下使用的，而我这样的只是侧重前端的人玩linux做啥，最好是所见即所得，省时间精力！后来百度了下网上，几乎很多方法都是错的，后来通过这些方法的启发，竟然研究成功了，所以写下方法备注一下。

之前为了进阶css，狠抓了一下sass（现在叫scss，编程风格和css类似）和它的框架compass，由于本人对命令行的恐惧，因此总想将其弄到IDE中。

先安装ruby，sass，compass。

先在这里下载ruby 我下载的是最新版的ruby

Ruby安装包下载地址：http://rubyinstaller.org/downloads/下载对应系统版本的安装包；

2、双击rubyinstaller-2.2.3-x64.exe开始安装，如下图所示安装;

3、检查是否安装成功win+r输入cmd回车打开终端输入ruby -v；

Gem的使用方法

安装完Ruby实际上已经安装好了gem，通过win+r输入cmd回车打开终端。

查看已经安装的gem软件

gem list

下面安装sass

gem install sass

按回车键确认，等待一段时间就会提示你sass安装成功。最近因为墙的比较厉害，如果你没有安装成功，那么请参考下面的淘宝的RubyGems镜像安装sass，如果成功则忽略。

如果要安装beta版本的，可以在命令行中输入

gem install sass --pre

你还可以从sass的Git repository来安装，git的命令行为

git clone git://github.com/nex3/sass.git
cd sass
rake install

升级sass版本的命令行为

gem update sass

查看sass版本的命令行为

sass -v

你也可以运行帮助命令行来查看你需要的命令

sass -h

淘宝RubyGems镜像安装 sass

由于国内网络原因（你懂的），导致 rubygems.org 存放在 Amazon S3 上面的资源文件间歇性连接失败。这时候我们可以通过gem sources命令来配置源，先移除默认的https://rubygems.org源，然后添加淘宝的源https://ruby.taobao.org/，然后查看下当前使用的源是哪个，如果是淘宝的，则表示可以输入sass安装命令gem install sass了，关于常用gem source命令可参看：常用的gem source

$ gem sources --remove https://rubygems.org/
$ gem sources -a https://ruby.taobao.org/ 【如果你系统不支持https，请将淘宝源更换成：gem sources -a http://gems.ruby-china.org】
$ gem sources -l
*** CURRENT SOURCES ***

https://ruby.taobao.org
# 请确保只有 ruby.taobao.org
$ gem install sass

安装compass

gem install compass