sass和compass基础用法

56次阅读

共计 679 个字符,预计需要花费 2 分钟才能阅读完成。

一、一些基本的命令
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

正文完
 0