SASS/Compass的安装与卸载

SASS/Compass的安装与卸载

认识SASS/Compass

SASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。Comapss：SASS的关系大致等于 JQuery：JS的关系。

SASS与Compass的安装

SASS在Windows操作系统内依赖于Ruby环境，因此在安装SASS之前：

1、需要先安装Ruby。Ruby现阶段的安装与一般应用程序安装没有太大区别，环境变量等由安装程序自行设置。

2、Ruby环境内有个包管理器——GEM，它类似于Nodejs下的NPM，它随着Ruby一起被安装，因此不需要额外安装。

(1)如果你的电脑使用代理上网，这个包管理器是需要设置的，否则它将不能获得网上的资源，设置方法：

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

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

http://ruby.taobao.org/

你需要在CMD下设置：

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

想了解更多请访问 http://ruby.taobao.org/！

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

3、GEM包安装的命令：

(1)在Ruby和GEM被安装之后，在Windows下调出CMD，比如安装SASS，输入：

gem install sass

(2)如果你已经下载了GEM文件在本地（假设在D:\gemFile），你需要把CMD的文件切换到该目录，然后加参数--local，具体如下：

D: cd gemFile gem install --local compass.gem

• 注：此处compass是你要安装的gem包的文件名。

你可以使用上述任何一种方法安装sass与compass，它们都是基于Ruby的GEM包。但是请注意，务必先安装SASS，再安装Compass，并且后者对前者版本存在依赖，如果你安装的SASS不是Compass要求的版本，会导致Compass安装不成功。

如何使用SASS？

假设你现在已经对SASS有了最初步的了解，你应该知道，在命令行下这样输入即可进行对SCSS文件的编译：

sass test.scss test.css

如果你对SASS还不是很了解，请看这里。

如何使用Compass？

假设你已经安装了Compass，你可以这样创建一个项目：

compass create myproject

然后在编写完代码后编译它：

compass compile

更多的Compass介绍，请看这里。

如何更新或卸载SASS/Compass？

查找服务器源的更新，你可以在CMD下输入：

gem query –remote

Ruby包貌似允许多个不同版本共存，因此如果你需要更新某个包，直接安装可能不会覆盖旧的版本（SASS与Compass是否会这样未知）。

否则，你需要卸载它：

gem uninstall sass

如果此时你已经安装了多个版本，CMD会提醒你选择卸载：

Select gem to uninstall:
     1. deprecated-2.0.1
     2. deprecated-3.0.0
     3. All versions

如果卸载的gem依赖其他的gem，会有以下提示信息：

You have requested to uninstall the gem:
     deprecated-3.0.0
    dbi-0.4.3 depends on [deprecated (>= 2.0.0)]
If you remove this gems, one or more dependencies will not be met.
Continue with Uninstall? [Yn]

其他：

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

gem update --system

查看已经安装的GEM包，可以输入命令：

gem list

延伸阅读

---

▶ Walkthrough007