前端和其他

移动第1课 安装SASS

日期:2014-02-16 阅读:6934

dmandwp系统 - wordpress系统和DM系统区块建站>>

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} 

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

 

  • css_sass_compass
    css_sass_compass

<<点击返回

Drupal7视频教程 Drupal7主题 Drupal7最新文档 Drupal7推荐文档
  • 暂无内容!
  • 暂无内容!