sass和compass基础用法

一、一些基本的命令
sass都是通过gem安装,以下是一些基础的命令
移除ruby的镜像地址
gem sources –remove https://rubygems.org/

添加淘宝的镜像
gem source -a http://ruby.taobao.org

查看镜像 gem source -v

单文件转换命令
sass style.scss style.css

单文件监听命令(监听会自动编译)
sass –watch style.scss:style.css

文件夹监听命令
sass –watch sassFileDirectory:cssFileDirectory

css文件转成sass/scss文件(在线转换工具css2sass)
sass-convert style.css style.sass
sass-convert style.css style.scss

运行命令行帮助文档,可以获得所有的配置选项
sass -h

–style表示解析后的css是什么格式,有四种取值分别为:nested,expanded,compact,compressed
sass –watch style.scss:style.css –style compact

—————-以下是compass———–

compass创建一个编译目录,会生成config.rb文件,里面是一些配置
compass create sassAPP

compass编译
compass compile
compass compile –force

compass监视
compass watch
compass watch –force

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理