ruby环境中自动编译sass教程

sass为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护!

sass安装

因为sass依赖于ruby环境，所以装sass之前先确认装了ruby。安装ruby http://www.jb51.net/article/61501.htm

安装完ruby之后，在开始菜单中，找到刚才我们安装的ruby，打开Start Command Prompt with Ruby

然后直接在命令行中输入

代码如下:

gem install sass

按回车键确认，等待一段时间就会提示你sass安装成功。

命令检测安装是够完成：

如果要安装beta版本的，可以在命令行中输入

代码如下:

gem install sass --pre

使用sass

SASS文件就是普通的文本文件，里面可以直接使用CSS语法。文件后缀名是.scss，意思为Sassy CSS。

下面的命令，可以在屏幕上显示.scss文件转化的css代码。（假设文件名为test。）

代码如下:

sass test.scss

如果要将显示结果保存成文件，后面再跟一个.css文件名。

代码如下:

sass test.scss test.css

SASS提供四个编译风格的选项：

代码如下:

* nested：嵌套缩进的css代码，它是默认值。
* expanded：没有缩进的、扩展的css代码。
* compact：简洁格式的css代码。
* compressed：压缩后的css代码。

生产环境当中，一般使用最后一个选项。

代码如下:

sass --style compressed test.sass test.css

你也可以让SASS监听某个文件或目录，一旦源文件有变动，就自动生成编译后的版本。

代码如下:

// 监听文件
sass --watch input.scss:output.css
// 监听文件夹
sass --watch app/sass:public/stylesheets

赞 (0)

相关推荐

  • ruby环境中自动编译sass教程

    ruby环境中自动编译sass教程

    sass为CSS的赋予了动态语言的特性,如变量.继承.运算.函数等,更方便CSS的编写和维护! sass安装 因为sass依赖于ruby环境,所以装sass之前先确认装了ruby.安装ruby http://www.jb51.net/article/61501.htm 安装完ruby之后,在开始菜单中,找到刚才我们安装的ruby,打开Start Command Prompt with Ruby 然后直接在命令行中输入 复制代码 代码如下: gem install sass 按回车键确认,等待一段

  • 一文搞懂TypeScript的安装、使用、自动编译的教程

    一文搞懂TypeScript的安装、使用、自动编译的教程

    1. 初识 TypeScript 上篇文章给大家介绍过TypeScript的安装.使用.自动编译的实现  需要的朋友点击查看. TypeScript 的介绍 TypeScript 是一种由微软开发的开源.跨平台的编程语言.它是 JavaScript 的超集,最终会被编译为 JavaScript 代码. 2012 年 10 月,微软发布了首个公开版本的 TypeScript,2013 年 6 月 19 日,在经历了一个预览版之后微软正式发布了正式版 TypeScript TypeScript 的作

  • 在Ruby程序中连接数据库的详细教程

    在Ruby程序中连接数据库的详细教程

    本章节将向您讲解如何使用 Ruby 访问数据库.Ruby DBI 模块为 Ruby 脚本提供了类似于 Perl DBI 模块的独立于数据库的接口. DBI 即 Database independent interface,代表了 Ruby 独立于数据库的接口.DBI 在 Ruby 代码与底层数据库之间提供了一个抽象层,允许您简单地实现数据库切换.它定义了一系列方法.变量和规范,提供了一个独立于数据库的一致的数据库接口. DBI 可与下列进行交互: ADO (ActiveX Data Object

  • 在lnmp环境中的nginx编译安装

    在lnmp环境中的nginx编译安装

    我用的linux系统是 centos7.1. 如果linux系统没有预先安装 gcc 等编译软件可以用yum源安装.安装nginx,首先需要安装依赖模块pcre.zlib.openssl. gzip 模块需要 zlib 库 rewrite 模块需要 pcre 库 ssl 功能需要 openssl库 1.安装pcre依赖 下载 pcre-8.38 wget ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/pcre-8.38.tar.gz

  • jupyter notebook 调用环境中的Keras或者pytorch教程

    1.安装插件,在非虚拟环境 conda install nb_conda conda install ipykernel 2.安装ipykernel包,在虚拟环境下安装 在Windows使用下面命令:激活环境并安装插件(这里的 Keras 是我的环境名,安装的时候换成自己的环境名即可) activate keras conda install ipykernel 在linux 使用下面的命令: 激活环境并安装插件 source activate keras conda install ipyke

  • 使用docker在linux环境中部署springboot包的教程

    使用docker在linux环境中部署springboot包的教程

    因为springboot是内嵌了tomcat服务器的,所以打成jar包后,是可以直接运行的. 首先我们看一下,在windows环境下的打包部署 1. 进行install打包 2. 检查,在target目录中是否存在了项目jar包 3.如果已经存在了项目jar包,就可以直接运行了(前面说了,springboot包是可以直接运行的) 4.在dos命令框中使用java -jar指令 java -jar springboot-nriat-common-demo-0.0.1-SNAPSHOT.jar 启动

  • CentOS7环境中DHCP配置教程

    目录 CentOS7环境中配置命令步骤 1.设置DHCP配置文件 2.设置全局配置 3.网段声明作用于整个子网段,部分配置参数优先级高于全局配置参数 4.host主机声明给单机分配固定的IP地址 5.最后开启服务 FTP服务 FTP实验操作步骤 一.安装软件包 二.设置匿名用户访问的FTP服务(最大权限) 三.匿名访问测试 四.设置本地用户验证访问ftp,并禁止切换到ftp以外的目录(默认登录的根目录为本地用户的家目录) 五.修改匿名用户.本地用户登录的默认根目录 六.使用user_list用户

  • 在域环境中配置ISA Server 2004的图文教程第1/2页

    在域环境中配置ISA Server 2004的图文教程第1/2页

    非常感谢Ronald Beekelaar,他做的ISA Server 2004 LAB是如此的精致,只需要我些许的修改几个地方,就可以完成这个比较复杂的试验) 很多朋友提出了在域环境中不能正确配置ISA Server 2004的问题,主要集中在无法引用域用户和DNS无法解析.在这篇文章中,我以一个域环境实例,来给大家介绍如何在域环境中配置ISA Server 2004.从这篇文章,你可以学习到如何在域环境中配置ISA防火墙.启用域用户的身份验证.配置内部客户.配置域控上的DNS转发和建立访问规则

  • Java8中的 Lambda表达式教程

     1. 什么是λ表达式 λ表达式本质上是一个匿名方法.让我们来看下面这个例子: public int add(int x, int y) { return x + y; } 转成λ表达式后是这个样子: (int x, int y) -> x + y; 参数类型也可以省略,Java编译器会根据上下文推断出来: (x, y) -> x + y; //返回两数之和 或者 (x, y) -> { return x + y; } //显式指明返回值 可见λ表达式有三部分组成:参数列表,箭头(-&g

  • 详解使用Jenkins自动编译部署web应用

    写在前面 初步接触持续集成自动化过程,本篇主要介绍基于Jenkins实现持续集成的方式,通过案例介绍线上自动编译及部署的配置过程 持续集成 持续集成是一种软件开发实践,即团队开发成员经常集成它们的工作,通过每个成员每天至少集成一次,也就意味着每天可能会发生多次集成.每次集成都通过自动化的构建(包括编译,发布,自动化测试)来验证,从而尽早地发现集成错误. Jenkins Jenkins是基于Java开发的一种持续集成工具,用于监控持续重复的工作,功能包括: 1.持续的软件版本发布/测试项目. 2.

随机推荐