Sencha Touch 自定义主题1: Sass & Compass 安装
2011-11-01 13:48
288 查看
Sass (http://sass-lang.com/)
官方解释:Sass 是一种建立在 CSS 之上的元编程语言,用来更加清晰和结构化描述文档的样式,比普通的 CSS 要强力的多。Sass 提供了即简单又优雅的语法为 CSS 实现各种功能,用来创建易于管理的样式表。
简单来说,就是给 CSS 加入变量,函数,引入等等程序才有的功能,非常适合 Sencha Touch 这种有大量组件需要模块化和风格统一的框架。
Compass (http://compass-style.org)
官方解释:Compass 是一个开源的 CSS 创作框架。
Compass 基于 Sass ,提供了很多强大的功能,比如 CSS3,修复浏览器差异,Reset等等。
Sass 和 Compass 都是用 Ruby 写的,执行需要 Ruby 环境,并安装 sass 和 compass 的 gem 包。
我是下的 ruby 的压缩包,解压完配置下环境变量,然后安装 gem 就郁闷了,不知道是我网速忒慢还是 GFW 发威,直接 gem 无响应...
无奈下到本地安装才OK (http://rubygems.org)
需要下载四个 gem 包:
sass-3.1.10.gem
chunky_png-1.2.5.gem
fssm-0.2.7.gem
compass-0.11.5.gem
安装完在命令行下执行
没问题的话就会输出版本信息,说明大功告成啦!
官方解释:Sass 是一种建立在 CSS 之上的元编程语言,用来更加清晰和结构化描述文档的样式,比普通的 CSS 要强力的多。Sass 提供了即简单又优雅的语法为 CSS 实现各种功能,用来创建易于管理的样式表。
简单来说,就是给 CSS 加入变量,函数,引入等等程序才有的功能,非常适合 Sencha Touch 这种有大量组件需要模块化和风格统一的框架。
Compass (http://compass-style.org)
官方解释:Compass 是一个开源的 CSS 创作框架。
Compass 基于 Sass ,提供了很多强大的功能,比如 CSS3,修复浏览器差异,Reset等等。
Sass 和 Compass 都是用 Ruby 写的,执行需要 Ruby 环境,并安装 sass 和 compass 的 gem 包。
gem install sass gem install compass
我是下的 ruby 的压缩包,解压完配置下环境变量,然后安装 gem 就郁闷了,不知道是我网速忒慢还是 GFW 发威,直接 gem 无响应...
无奈下到本地安装才OK (http://rubygems.org)
需要下载四个 gem 包:
sass-3.1.10.gem
chunky_png-1.2.5.gem
fssm-0.2.7.gem
compass-0.11.5.gem
安装完在命令行下执行
compass -v sass -v
没问题的话就会输出版本信息,说明大功告成啦!
相关文章推荐
- Sencha Touch 自定义主题2:简单尝试 Sass & Compass
- Sass&Compass安装和使用
- Sencha touch 2 怎么再windows下配置compass 和Sass 的命令行
- [Phonegap+Sencha Touch] 移动开发34 gem安装compass,不编译scss,怎么办?
- [Phonegap+Sencha Touch] 移动开发34 gem安装的compass,不能编译scss,怎么办?
- Sencha Toucha 2 —1.环境安装配置、在线打包、离线打包
- windows下,ruby环境的安装,与sass,compass的使用方法
- sencha touch 扩展篇之使用sass自定义主题样式 (上)使用官方的api修改主题样式
- 安装Ruby、Sass与Compass
- ruby/sass/compass安装
- Sencha Toucha环境安装
- windows下的SASS/Compass的安装与卸载
- windows下安装sass和compass
- sass和compass的安装
- 安装 ruby, sass 和 compass
- sencha touch 自定义主题的若干问题
- Ext JS 4 使用SASS 和 Compass 自定义主题 (compass and sass used in ext 4 theme)
- Sass和compass 安装 和配合grunt实时显示 [Sass和compass学习笔记]
- Sencha Touch Dev Contest & Hackathon