使用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    // 压缩模式
原文地址:https://www.cnblogs.com/dobeco/p/11295140.html