1. 先搭建环境,下载node.js,rubyinstaller,安装, 安装rubyinstaller时,要选上include system path,这样就会自动将node.js执行添加到windows系统环境变量,免去手动创建烦恼.node.js就点下一步安装就行了 2. win+R cmd 再运行  gem install bootstrap-sass 3.创建一个项目 cd 进入到你所在的项目存放目录,命令行窗口运行 compass creat XXXXX(项目名称)这样就创建了一个项…

1.安装Ruby 安装sass 和compass 需要 Ruby 的环境,还区分xp 和win7-8 下版本区别 ruby 官网中文 ruby 官网英文 注意: xp: 下载 [xp不能下载包含64位的版本,我是下载32位安装成功,但调用gem 命令直接报错,不建议使用 包含有64 区分的版本. Ruby 1.9.3-p551 win7-8 : 2.0以上或者跟xp的一样都可以. Ruby 2.1.5 Ruby 2.1.5 (x64) Ruby 2.0.0-p598 Ruby 2.0.0-p59…

认识SASS/Compass SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护. SASS与Compass的安装说明 SASS在Windows操作系统内依赖于Ruby环境,因此在安装SASS之前: 1.需要先安装Ruby.Ruby现阶段的安装与一般应用程序安装没有太大区别,环境变量等由安装程序自行设置. 2.Ruby环境内有个包管理器——GEM,它类似于Nodejs下的NPM,它随着Ruby一起被安装,因此不需要额外安装. 安装 R…

前言:Sass is an extension of CSS that adds power and elegance to the basic language. It allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organize…

如果你还不知道 SASS 和 COMPASS 是什么,可以参看http://sass-lang.com 和http://compass-style.org,近期可能会更新一篇介绍性的入门教程,但 是本文只是安装使用教程,不包含介绍信息. 安装 安装 Ruby SASS 需要运行在 Ruby 下,进入这个页面,下载最新版本的 rubyinstaller,一路 Next 完成安装. 安装 SASS 和 COMPASS 在开始菜单中找到 “Ruby 1.9.3-p0 -> Start Command…

来源 http://snugug.github.io/RWD-with-Sass-Compass/#/ 1 安装 COMPASS 扩展 安装 方式 gem 'extension', '~>X.Y.Z' 命令行安装 require '{extension}' @import '{extension}'; sass 文件导入   扩展1 http://breakpoint-sass.com/ 扩展2 http://singularity.gs/ 3 盒子模型 @import 'compass'; /…

1. compass compile path/to/project//编译scss compass watch path/to/project//自动监视文件变化 2.mixin @include @extend functions mixin其实就相当于函数, 而且mixin支持参数和带有默认值的参数,使用时只需@include name_mixin即可 @extend可以用来继承,extend不可以用来继承一个选择器序列 %error来代替 .error来书写一个仅用来继承的样式块 在sa…

最近开始学习并且使用,发现使用它写起css来真的是各种爽 安装sass,compass sass是依赖于ruby的,必须先安装Ruby,点击下载 下载完ruby之后,使用命令行安装sass        gem install sass 使用命令,sass-v    compass-v   查看是否安装成功 出现上图情况则为安装成功 sass的使用及优点 sass官网: http://www.w3cplus.com/sassguide/ api文档   http://sass-lang.com/…

在Windows下,我总是要打开Ruby的cmd来进行Sass,其中要写好多cd,次数多了,自己的多敲,的确能记得更牢靠,但是无形中会浪费自己的一点点敲cd命令的时间,所以我想到自己在windows下,能快速达到我要compass watch的目录,嘻嘻. @echo on @echo test Sass date/t C: D: cd .. cd wamp cd www cd hallpando cd templates cd test cd css date/t time/t C:\Wind…

require 'compass/import-once/activate' # Require any additional compass plugins here. # Set this to the root of your project when deployed: http_path = "/" css_dir = "css" sass_dir = "sass" images_dir = "img" javasc…