zoukankan      html  css  js  c++  java
  • 关于Sass与Compass的一些笔记

    1. 安装:

    Sass和Compass都是基于Ruby编程语言的命令行工具。要使用它们,你首先需要在电脑中安Ruby,并对电脑的命令行操作有一个基本的理解。Sass和Compass可以安装在Windows、Mac OS和Linux系统中。

    在Windows中安装Ruby:在命令行窗口中输入ruby -v并按下回车键。如果电脑中没有安装Ruby,命令行将显示' is not recognized as an internal or external command, operable program or batch file。如果电脑中已经安装了Ruby,那么将打印出已经安装好的Ruby版本号。你安装的Ruby版本应该不低于1.8.7(如果你安装的Ruby版本为1.8.6或者更低,请按照下面的指示重新安装Ruby。进入网址http://rubyinstaller.org/downloads/,下载最新版本的Ruby安装程序并运行。根据安装程序的提示按照步骤进行安装。第三个窗口将询问你将Ruby安装在什么位置,在点击安装之前选中两个复选框。现在,重新启动你的命令行窗口,然后输入ruby -v并按下回车键来确认Ruby已经安装完成。

    在Windows系统中安装Sass和Compass:Ruby自带一个叫做RubyGems的系统,用来安装基于Ruby的软件。我们可以使用这个系统来轻松地安装Sass和Compass。要安装最新版本的Sass和Compass,你需要输入下面的命令:

    $ gem install sass

    $ gem install compass
    在每一个安装过程中,你都会看到如下输出:
    Successfully installed sass-3.1.0
    1 gem installed
    Installing ri documentation for sass-3.1.0...
    Installing RDoc documentation for sass-3.1.0...
    安装完成之后,你应该通过运行下面的命令来确认应用已经正确地安装到了电脑中:
    $ sass -v
    Sass 3.1.0 (XXX NAME ME)
    $ compass -v
    Compass 0.11.0
    Copyright (c) 2008-2011 Chris Eppstein
    Released under the MIT License.

    2. 编译Sass: 命令行编译及编译格式

    #单文件转换命令 sass style.scss style.css #单文件监听命令 sass --watch style.scss:style.css #文件夹监听命令 sass --watch sassFileDirectory:cssFileDirectory。

    Sass编译四中格式:

    1. nested(嵌套)
    2. compact(紧凑)
    3. expanded(扩展)
    4. compressed(压缩)

    实例,紧凑合适输出:sass --watch sass-lzf:css --style compact。

    3. 开始使用Compass:要在一个新项目中使用Compass,打开你的终端窗口并运行下面的命令:$ compass create my-project。

    4. 编译Compass:按须编译 compass compile [项目路径] 监听编译 compass watch [项目路径] 如不写后面的项目路径,则会监听整个项目文件的变化,进行实时编译 停止监听文件变化:Ctrl + C

      例:  compass watch --output-style compact

  • 相关阅读:
    事件冒泡
    Tomcat 不能正常启动
    mybatis(非常详细的哦~~~~)
    javadoc 工具生成开发API文档
    Java 泛型
    Tomcat 服务器详解
    J2EE 工作中注意事项
    Java 枚举
    Break,Continue,Return
    位运算符
  • 原文地址:https://www.cnblogs.com/l000/p/8507437.html
Copyright © 2011-2022 走看看