使用sass

sass安装 compass安装

1.sass 须要安装ruby,而后经过gem安装sass.

2. less有想=两种安装方:

客户端安装:
引入less.js,而后就能够直接用.less文件

<link rel="stylesheet/less" type="text/css" href="文件路径"/style.less>
<script src="文件路径/less.js" > </script>

服务器安装 安装node,使用npm安装less

1.安装ruby

http://www.ruby-lang.org/zh_cn/downloads/

2.查看ruby版本

ruby -v

3.安装sass

gem install sass

4. 查看 sass版本

sass -v

5.安装compass

gem install compass

6.建立目录

compass create chen

在sass文件新建demo.scss文件

7.命令行进入当前目录compass编译

在写代码以前，咱们还要知道如何编译。由于咱们写出来的是后缀名为scss的文件，只有编译成css文件，才能用在网站上。
Compass的编译命令是

compass compile

• 有四种编译模式

1. 嵌套输出方式 nested
2. 展开输出方式 expanded  
3. 紧凑输出方式 compact 
4. 压缩输出方式 compresse

该命令在项目根目录下运行，会将sass子目录中的scss文件，编译成css文件，保存在stylesheets子目录中。
默认状态下，编译出来的css文件带有大量的注释。可是，生产环境须要压缩后的css文件，这时要使用--output-style参数。

compass compile --output-style expanded    // 压缩模式