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

时间：2014-09-24 14:03:06 阅读：353 评论：0 收藏：0 [点我收藏+]

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

原文地址：http://www.cnblogs.com/meshinestar/p/3990232.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行