One: Step-up installation of Sass
Environment
Installing SASS
and Compass
method of:
1.
Install ruby
, Windows
under Use Rubyinstaller-2.0.0-p353-x64.exe
2.
using Ruby
Installing SASS
,
gem install sass
,
if the command line is not good, install it manually:
gem install--local <path/sass-3.2.12.gem>
3.
using Ruby
Installing Compass
, while Compass
installation requires the following two tools:
A.
using Ruby
Installing FSSM
: Gem install--local <path/fssm-0.2.10.gem>
B.
using Ruby
Installing Chunky_png
: Gem install--local <path/chunky_png-1.2.9.gem>
c.
using Ruby
Installing Compass
: Gem install--local <path/compass-0.12.2.gem>
4.
Well, you can use compass now.
put
Compass
Project converted to. CSS
up.
How to use Compass
Compile build CSS
or less
file See links http://www.ruanyifeng.com/blog/2012/11/compass.htmlReference: http://compass-style.org/http://sass-lang.com/Chinese Literature: http://www.ruanyifeng.com/blog/2012/11/ compass.htmlhttp://phpconf.hinablue.me/http://sass.hinablue.me/#slide1 II: Integrated Environment 1. Less: Use crunch app,crunch to run on the Adobe Air platform, so install Adobe Air first. Crunch can synthesize a CSS file from a separate less file for use in a web app, with a lot of benefits. A) Download and install air:http://get.adobe.com/cn/air/b. Crunch.air, and install: HTTP://CRUNCHAPP.NET/2. SASS: Direct installation of Prepros, all integrated in the inside, directly after installation, create the Compass project, use the sprite to compress the icon all in one picture, and generate the corresponding CSS file. A) Download and install: Http://alphapixels.com/prepros, the first step everything is in this app, the thing is very simple, see a demo will.
Integrated environments using less and sass under Windows