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

2024-07-24 03:06:20 220人阅读

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

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

声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉：投诉/举报工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

联系
我们