• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • vbs
  • DOS/BAT
  • hta/htc
  • python
  • perl
  • VBA
  • ColdFusion
  • ruby
  • PowerShell
  • Lua
  • Golang
  • linux shell
您的位置:首页 > 脚本语言 >ruby > ruby环境中自动编译sass教程

ruby环境中自动编译sass教程

作者:junjie 字体:[增加 减小] 来源:互联网

junjie 通过本文主要向大家介绍了ruby sass,gulp ruby sass,ruby 安装sass,ruby如何安装sass,sass环境等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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
</div>

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

命令检测安装是够完成:

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

gem install sass --pre
</div>

使用sass

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

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

sass test.scss
</div>

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

sass test.scss test.css
</div>

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

* nested:嵌套缩进的css代码,它是默认值。
* expanded:没有缩进的、扩展的css代码。
* compact:简洁格式的css代码。
* compressed:压缩后的css代码。
</div>

生产环境当中,一般使用最后一个选项。
sass --style compressed test.sass test.css
</div>

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

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

</div>

您可能想查找下面的文章:

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

相关文章

  • 进一步深入Ruby中的类与对象概念
  • 详解Ruby中正则表达式对字符串的匹配和替换操作
  • Ruby字符串、条件、循环、数组、Hash、类基本操作笔记
  • Ruby on Rails下的图像处理入门教程
  • ruby执行周期性任务的三种gem介绍
  • ruby、javascript、php中的观察者模式实现代码
  • Ruby类继承、抽象类、类拓展混入、代理类实例
  • ruby的程序结构介绍
  • Ruby中的block、proc、lambda区别总结
  • Ruby编写HTML脚本替换小程序的实例分享

文章分类

  • vbs
  • DOS/BAT
  • hta/htc
  • python
  • perl
  • VBA
  • ColdFusion
  • ruby
  • PowerShell
  • Lua
  • Golang
  • linux shell

最近更新的内容

    • Ruby、PHP、Shell实现求50以内的素数
    • ruby 类常量 解析
    • Ruby实现的一个强大的批量删除文件脚本分享
    • Ruby中遍历目录的简洁方法
    • Ruby语法笔记
    • 用实际代码演示Ruby的容易被误解的6个特性
    • 用SparkR探索电商数据
    • Ruby中常用的字符串处理函数使用实例
    • Ruby包管理器gem常用命令
    • 优化Ruby脚本效率实例分享

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有