Neekey

在此记录我的学习&生活.

在Mac/Win中安装SASS/Compass

| Comments

installSASSInMacWin

最近在公司的项目中开始使用SASS进行样式的开发。在团队协作中,不管用什么工具或者技术,有一点需要考虑的就是维护性。正巧下周要参加公司培训,手头的东西没弄完,但是进度已经摆在那里了不能因为我不在就停滞下来,之得交接给同事。

在交接给同事前,我需要帮他配置好SASS的开发环境。

我用的Mac,他用目前在用的公司的机器,预装XP(吐槽吧…)。要知道Mac是自带ruby的…于是帮他配置了半天,还遇到一个bug…纠结了半天还是解决了,下面简单介绍下如何在这两个平台下安装SASS吧。

Mac

由于已经安装好了Ruby,使用Ruby自带的包管理工具,安装SASS相当简单:

1
2
3
4
5
// 用SASS相比都会去用Compass吧,直接安装Compass会自动安装好SASS的
$ gem install compass

// 或者单单只安装sass
$ gem install sass

Windows

Ruby

直接到官网下载exe的安装包,然后双击之安装:

ruby-install

建议三个勾选都选中,至少也选中中间的,免得还要自己手动添加环境变量(让你可以在控制台全局使用ruby命令)

然后打开控制台,先验证一下有木有安装成功:

1
$ ruby -v

出现ruby的版本号就说明你成功了。

Compass

接下来就和在Mac下一样了:

1
2
3
4
5
// 用SASS相比都会去用Compass吧,直接安装Compass会自动安装好SASS的
$ gem install compass

// 或者单单只安装sass
$ gem install sass

那么基本上就成功了。还是很简单的,自带包管理的ruby还是很方便的,就像nodeJS一样,安装完毕以后就可以用npm进行包的安装。

虽然看似成功了,但是当在同事的电脑上进行SASS的文件编译时,还是出现了错误:

ruby 1.9+ error

尼玛!!!修改了半天看不出问题(我不懂ruby…),于是到自己的Mac下的虚拟机里面(win7/xp)测试了一下,发现只有土鳖的xp下会有这个问题。

Google了半天,发现不仅SASS有这个问题,很多需要使用Ruby的框架之类的都会出现同样的错误,最后得到的结论是,1.9+的ruby都会出现这个问题。于是,解决问题的方法很简单,替换成1.8.7的ruby,恩恩…果然就好了

windows下面删除ruby很简单,直接在控制面板里面山吃醋就行了,不过注意,删除了ruby以后,SASS什么的用gem安装的模块也都删除了,因此重装后需要重新安装一遍~~

Comments