windows下安装sass和compass

1)先安装ruby
打开命令行,输入ruby -v,如果没有安装ruby,则会显示
'ruby' is not recognized as an internal or external command, operable program or batch file

若没有安装, 在windows环境下,可以使用rubyinstaller一键安装ruby,下载RubyInstaller(官方下载地址是 http://rubyinstaller.org/downloads/,如果打不开可自行搜索下载,例如我的 下载地址),下载后根据提示一步一步安装RubyInstaller,注意安装过程中请勾选:
windows下安装sass和compass_第1张图片

RubyInstaller安装成功后,打开控制台,输入 ruby -v,若显示安装的版本号表示ruby安装成功,如:



2)安装Sass 
ruby安装完成后,就可以通过gem来安装Sass和Compass。

Gem是一个管理Ruby库和程序的标准包,它通过Ruby Gem(如http://rubygems.org/)源来查找、安装、升级和卸载软件包,非常的便捷。

在线安装Sass只需在命令行输入 gem install sass,但由于被墙的原因,通常在线安装会出现错误,如:


所以我们只能使用本地安装的方式来安装。本地安装需要下载4个文件:SASS,Chunky_png,Fssm和Compass,下载地址分别为:
SASS.gem: http://rubygems.org/downloads/sass-3.2.13.gem
Chunky_png.gem: http://rubygems.org/downloads/chunky_png-1.2.9.gem
Fssm.gem: http://rubygems.org/downloads/fssm-0.2.10.gem
Compass.gem: http://rubygems.org/downloads/compass-0.12.2.gem

将这4个文件放在ruby的安装根目录下,如我安装在C:Program Files/ruby,然后打开控制台切换到ruby的安装目录


输入以下命令安装Sass
gem install sass

再以相同的方式安装Compass
gem install compass

如:
windows下安装sass和compass_第2张图片

输入以下命令检查是否安装成功
sass -v
compass -v

若显示版本信息即表示安装成功,如:
windows下安装sass和compass_第3张图片


PS:本文参考 在windows下安装Sass

你可能感兴趣的:(windows下安装sass和compass)