最近在公司的项目中开始使用SASS进行样式的开发。在团队协作中,不管用什么工具或者技术,有一点需要考虑的就是维护性。正巧下周要参加公司培训,手头的东西没弄完,但是进度已经摆在那里了不能因为我不在就停滞下来,之得交接给同事。
在交接给同事前,我需要帮他配置好SASS的开发环境。
我用的Mac,他用目前在用的公司的机器,预装XP(吐槽吧…)。要知道Mac是自带ruby的…于是帮他配置了半天,还遇到一个bug…纠结了半天还是解决了,下面简单介绍下如何在这两个平台下安装SASS吧。
Mac
由于已经安装好了Ruby,使用Ruby自带的包管理工具,安装SASS相当简单:
1 2 3 4 5 |
|
Windows
Ruby
直接到官网下载exe的安装包,然后双击之安装:
建议三个勾选都选中,至少也选中中间的,免得还要自己手动添加环境变量(让你可以在控制台全局使用ruby
命令)
然后打开控制台,先验证一下有木有安装成功:
1
|
|
出现ruby的版本号就说明你成功了。
Compass
接下来就和在Mac下一样了:
1 2 3 4 5 |
|
那么基本上就成功了。还是很简单的,自带包管理的ruby还是很方便的,就像nodeJS一样,安装完毕以后就可以用npm
进行包的安装。
虽然看似成功了,但是当在同事的电脑上进行SASS的文件编译时,还是出现了错误:
尼玛!!!修改了半天看不出问题(我不懂ruby…),于是到自己的Mac下的虚拟机里面(win7/xp)测试了一下,发现只有土鳖的xp下会有这个问题。
Google了半天,发现不仅SASS有这个问题,很多需要使用Ruby的框架之类的都会出现同样的错误,最后得到的结论是,1.9+的ruby都会出现这个问题。于是,解决问题的方法很简单,替换成1.8.7
的ruby,恩恩…果然就好了
windows下面删除ruby很简单,直接在控制面板里面山吃醋就行了,不过注意,删除了ruby以后,SASS什么的用gem安装的模块也都删除了,因此重装后需要重新安装一遍~~