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.  好了,现在就可以使用compasscompass工程转换为.css了。
如何使用compass编译生成css或less文件参见链接http://www.ruanyifeng.com/blog/2012/11/compass.html
 
参考资料:
 
中文资料:
 
二:集成环境
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就会。
posted @ 2014-09-24 11:16  夯爹  阅读(565)  评论(0编辑  收藏  举报