移动第1课 安装SASS

Tvdrupal视频准备给大家介绍下sencha touch的安装，因为sencha touch需要sass的支持，所以这节课先讲下sass的安装。

sass: http://sass-lang.com

compass: http://compass-style.org/    http://compass-style.org/help/tutorials/

ruby : http://www.rubyinstaller.org/

国内淘宝镜像源：http://ruby.taobao.org/

Gem的使用方法: 查看已经安装的gem   $ gem list

-------------

装好ruby后，在开始下找到ruby 再点击start command prompt with ruby(如果是win7，要右击以管理员的身份打开)

然后在弹出的窗口 gem install sass 装好后，

可以在cmd下 sass -v 来查看当前的版本

----------

实时编译 sass

sass input.scss output.css     http://sass-lang.com/documentation/file.SASS_REFERENCE.html

--watch style.scss:style.css sass

--watch stylesheets/sass:stylesheets/compiled

--------------

关于compass:
------------
$ gem update --system
$ gem install compass

cd 到网站所在的目录
compass create <myproject>

compass实时编译Scss文件
cd myproject
compass watch

-----------------

firefox 查看scss 
安装firesass：https://addons.mozilla.org/zh-CN/firefox/addon/firesass-for-firebug/
然后 在当前项目目录：compass compile --debug-info(这个重要，用watch也行)
再在config.rb里加： sass_options = {:debug_info => true} 

-------------------