用compass-style的SASS的框架环境搭建

官网

compass-style.org

安装rube的环境

针对win下的安装rubyinstaller.org下载Rube+Devkit对应的版本，检查是否安装成功通过指令ruby -v

通过rube安装compass

gem install compass 版本为:1.0.3

通过rube安装sass

gem install sass -v 3.4.7 版本为3.4.7

工程的创建

生成config.rb的文件

• compass create projectName操作指令创建compass的工程，我们的目的就是获取这个文件。
• 建立工程文件目录结构css,scss,images,javascripts（同时修改下config.rb中对应的文件夹的名字）
• cd+工程的根目录,允许compass watch就可以动态的将scss编译为css
• scss/compass的来源，修改了下@import里面修改为相对路径
• 在scss文件夹中建立一个index.scss的文件

	@import "compass/css3";
	.xx{
		@include border-radius(0.5px);
	}

	.xx {
		-moz-border-radius: 0.5px;
		-webkit-border-radius: 0.5px;
		border-radius: 0.5px;
	}