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
参考资料:
中文资料:
二:集成环境
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就会。