Windows下使用LESS和SASS的集成环境

一：分步安装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