天天看点

本地安装 ruby sass compass

ruby : 是一种计处机语言

sass : 是一种 Css 预处理语言

compass : 是sass的一个工具集 ,依赖sass,但又扩充了 sass.  

可以这样理解,  sass运行的基础是 ruby,  compass 对sass做了集成,方便应用

通俗点:sass 和 compass 的关系: 相当于  javascript 和 jquery 之间的关系

安装:

1:百度上,下载 rubyinstaller  安装 ruby;

2: 安装完ruby,可以使用 ruby 的 gem命令行

    因为 compass 依赖 sass , 所以我们只要用 gem安装 compass 就可以了,sass会当做依赖自动安装

    注意,gem 命令的默认源,是国外的服务器,天国已经把它给墙了,

    解决的办法有两种 1:你可以翻墙  2:更改gem 的源 :把它改成淘宝的镜像

    这是我们使用第二种方法

    查看gem 的源  

    命令:gem sources

    可以看到它的源是

    https://rubygems.org/  (这就是国外的源)

    先用命令 删除这个源

    命令: gem sources -r https://rubygems.org/

    删除成功后,再用命令新增一个源  淘宝的源(https://gems.ruby-china.com)

    命令 : gem sources -a https://gems.ruby-china.com

    新增成功后,更新一下

    命令  :gem sources -u

    更改 gem 的源完成

3.安装compass

    命令: gem install compass

安装 完成

//新建一个sass 项目

1.在磁盘上新建一个文件夹

2.在文件夹中用 cmd打开黑窗口

3.命令行  compass create myproject即可 

    如果要自动监控文件的变化,可以用 compass watch