Question

sass和compass在windows环境下装好之后怎么编写代码

Answer 1

认识SASS/Compass
SASS是对CSS的预处理器，提供了许多便利的写法，它具有某些编程的思想（比如变量、嵌套、函数、运算等等），通过它再生成相应的CSS，使得CSS的开发，变得简单和可维护。而Comapss是基于SASS的一个库，Compass相对于SASS的关系大致相当于 JQuery：JS的关系。

SASS与Compass在Windows环境下的安装
SASS是依赖于Ruby的，因此在安装SASS之前，必须先在Windows内安装Ruby。

我们简单介绍一下Ruby在Windows下的安装过程：

Ruby的安装
请从这里下载Ruby并按步骤安装。

Ruby现阶段在Windows下的安装与一般应用程序安装没有太大区别，按照默认设置安装所需组件、选择安装目录等，Ruby在Windows下的环境变量等都是由安装程序自行设置的。了解Node.js的童鞋们应该能感觉到Ruby与Nodejs有很多相似之处。

Ruby环境内有个包管理器——GEM，它类似于Nodejs下的NPM，它随着Ruby一起被安装，因此不需要额外安装。啰嗦到这里，是因为sass和compass都是基于Ruby的包，一会儿我们安装Compass/SASS时会用到它。

如果安装成功，你在Windows下的command命令行里输入：

ruby -v
应该能够得到Ruby的版本号。到这里，我们已经可以接着安装SASS/Compass环境了。

SASS/Compass的安装
我们在Windows的command命令行中输入

gem install sass
即可完成安装。不过要注意，你的电脑必须能够访问到互联网，因为此时GEM会从远程服务器上下载sass。compass是依赖于sass的，因此必须在完成sass的安装后才能安装compass，安装方式同SASS，你只需在Windows的command命令行输入：

gem install compass
即可完成安装。截至目前，新版的SASS 3.3.4貌似与compass是存在问题的，因此可能会出现compass安装不成功的提示。

其他问题：
如果你使用了代理连接互联网，你可能需要设置GEM，否则它将不能获得网上的资源，设置方法：

export http_proxy=’http://username:password@url:port/’

如果国外服务器不给力，也可以把GEM的源换成国内的，比如淘宝：

http://ruby.taobao.org/

你需要在CMD下设置：

gem sources -a http://ruby.taobao.org/

GEM包是可以事先下载，再通过Windows下的command命令行离线安装的，GEM包下载地址是：http://rubygems.org/ ，在这里搜索需要的GEM包即可。

假设你已经下载了GEM文件在本地，路径为 D:\gemFile，你需要把CMD的文件切换到该目录，具体如下：

D:
D:>cd gemFile
D:\gemFile> gem install --local compass.gem
与在线安装的区别仅仅是多了一个参数 –local。
此处compass是你要安装的gem包的文件名。
你可以使用上述任何一种方法安装sass与compass，但是请注意，如果你安装的SASS不是Compass要求的版本，会导致Compass安装不成功。

另外，更新GEM的版本，可以输入命令：

gem update --system