SASS/Compass的安装与卸载

时间:2024-10-30 07:10:09

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的源换成国内的,比如淘宝:

/

你需要在CMD下设置:

gem sources -a /

想了解更多请访问 /

(2)GEM包是可以先下载,再通过Windows下的CMD离线安装的,GEM包下载地址是:/ ,在这里搜索需要的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包的文件名。

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

如何使用SASS?

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

sass

如果你对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

Compass的命令行形式对于很多前段人员来说仍然不够友好,在此,我强烈推荐图形化的,售价10美元。