1. 首页
  2. Sass

如何学习Sass和Compass(1)——如何在Windows下安装Sass和Compass

今天准备开始学习Sass预编译器了,磨蹭了那么久,终于开始了。(拖延症是绝症啊……..) 

至于Sass和Less孰好孰坏,网上争论不休,我就不发表观点了(其实是我都不了解),大致看了看网上的评价和代码示例,感觉Sass看起来挺顺眼,先学习一样再说。 

首先自然是环境的搭建,Sass和Compass是依赖于Ruby环境的,所以,首先安装 Ruby(小白我是window8系统,OS的壕们就直接略过吧,自带了)。 

1)下载完开始安装,过程中勾选上 Add Ruby executables to your PATH,加入环境变量中,免得其他的麻烦。

ruby安装时勾选 

2)接下来打开开始菜单中的 Start Command Prompt with Ruby 

3)可以先尝试安装一下,输入命令

gem install compass

PS:可能会不成功,我是不成功的,那就要用淘宝的镜像了。

移除原来的数据源:

gem sources --remove https://rubygems.org/

添加淘宝的数据源:

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

查看当前数据源:

gem sources -l

确认数据源只有https://ruby.taobao.org

然后输入命令 

gem install compass


4)compass是基于Sass的,所以不用单独安装Sass了,会自动安装的。
PS:

查看当前Sass版本:

sass -v

查看当前Compass版本:

compass -v

查看哪些版本可用:

gem list sass -a -r、gem list compass -a -r

(服务器上所有含有sass和compass单词的gem都会出来,找到相应的,括号里的就是可用版本好,最新的在最前面)

要使用预发布版:

gem install sass --pre

卸载某个特定版本:

gem uninstall sass--version 3.2.0.alpha.103


环境搭建就是这样了,其他的以后再聊。

评分 0, 满分 5 星
0
1
看完收藏一下,下次也能找得到
上一篇:
:下一篇