一：分步安装SASS
环境
安装SASS
和compass
的方法：
1.
安装Ruby
，Windows
下使用rubyinstaller-2.0.0-p353-x64.exe
2.
使用Ruby
安装sass
，
gem install sass
，
如果命令行不好用，就手动安装：
gem install --local <path/sass-3.2.12.gem>
3.
使用Ruby
安装compass
，而compass
的安装需要以下两个工具：
a.
使用Ruby
安装fssm
：gem install --local <path/fssm-0.2.10.gem>
b.
使用Ruby
安装chunky_png
：gem install --local <path/chunky_png-1.2.9.gem>
c.
使用Ruby
安装compass
：gem install --local <path/ compass-0.12.2.gem>
4.
好了，现在就可以使用compass
把
compass
工程转换为.css
了。
如何使用compass
编译生成css
或less
文件参见链接http://www.ruanyifeng.com/blog/2012/11/compass.html
参考资料：
http://compass-style.org/
http://sass-lang.com/
中文资料：
http://www.ruanyifeng.com/blog/2012/11/compass.html
http://phpconf.hinablue.me/
http://sass.hinablue.me/#slide1
二：集成环境
1. LESS：使用Crunch App，Crunch运行在Adobe air平台上，所以要先安装Adobe AIR。Crunch可以把分离的LESS文件合成一个CSS文件供Web APP使用，好处多多。
a) 下载并安装Air：
http://get.adobe.com/cn/air/
b) 下载Crunch.air，并安装：
http://crunchapp.net/
2. SASS：直接安装Prepros，所有的都集成在了里面，安装后直接使用，创建compass工程，使用sprite把icon全压缩在一张图上，并生成相应CSS文件。
a) 下载并安装：
http://alphapixels.com/prepros，第一步所有的东西都在这个App里了，东西很简单，看一个Demo就会。
转载于:https://www.cnblogs.com/meshinestar/p/3990232.html
