sass(ruby)

来源:互联网 发布:java断点续传下载校验 编辑:程序博客网 时间:2024/06/06 02:43

1、首先安装ruby
2、cmd 打开控制台 gem install sass
3、用sass *.scss 命令 可以显示.scss文件转化的css代码 例:sass a.scss
4、如果要将显示的结果保存成css 文件,后面再跟一个.css 文件即可 例:sass a.scss a.css
5、sass提供四个编译风格:
* nested:嵌套缩进的css代码,它是默认值。

  * expanded:没有缩进的、扩展的css代码。

  * compact:简洁格式的css代码。

  * compressed:压缩后的css代码。

** 生产环境中 一般使用编译后的css文件

6、 你也可以让SASS监听某个文件或目录,一旦源文件有变动,就自动生成编译后的版本。
// watch a file
  sass –watch input.scss:output.css
  // watch a directory

  sass –watch app/sass:public/stylesheets

0 0
原创粉丝点击