订阅汇聚素材网Feed

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

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

1 人Likes
  

文章转载请注明:Sass/Compass 安装与卸载-汇聚素材网

本文固定链接:http://www.webhj.com/hj-2157.html  +复制链接

Sass/Compass 安装与卸载:等您坐沙发呢!

发表评论

*

*

1 + 5

快捷键:Ctrl+Enter
0全站搜索 1 设计 2 素材 3 教材 4 WEB 5 电子书籍