window 安装 sass compass 记录

原创 2017年11月15日 11:18:18

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-p598 (x64)

安装注意:全部打钩,安装在哪里都可以 [根据需求,一般默认C盘]

安装完毕, 重启 cmd , 输入 gem 命令

输出信息...
如果提示"RubyGems is a sophisticated package manager for Ruby. This is a basic help message containing pointers to more information. ",即安装成功.

下一步我们要安装 sass , 使用gem 命令...但是连接国外的地址,(呵呵,你懂的),我们换回 淘宝的gem镜像

首先把默认的删除

命令:gem sources --remove https://rubygems.org/

把淘宝的镜像设置进列表

命令:gem sources -a https://ruby.taobao.org/

查看列表

命令:gem sources -l

输出信息...
*** CURRENT SOURCES ***
https://ruby.taobao.org
# 请确保只有 ruby.taobao.org

2.安装sass

然后我们先安装sass,再安装compass

命令: gem install sass

等待....

输出信息...
Fetching: sass-3.4.9.gem (100%)
Successfully installed sass-3.4.9
1 gem installed
Installing ri documentation for sass-3.4.9...
unable to convert U+FFFD from UTF-8 to GBK for lib/sass/script/value/string.rb,
skipping
unable to convert U+FFFD from UTF-8 to GBK for lib/sass/util.rb, skipping
Installing RDoc documentation for sass-3.4.9...
unable to convert U+FFFD from UTF-8 to GBK for lib/sass/script/value/string.rb,
skipping
unable to convert U+FFFD from UTF-8 to GBK for lib/sass/util.rb, skipping

测试是否安装成功?

命令: sass -v

如果输出

Sass 3.4.9 (Selective Steve)

安装成功,接下来继续安装compass

命令: gem install compass

等待...(很漫长...慢慢等啊,看网速...)

输出信息...
Sass 3.4.9 (Selective Steve)
C:\Documents and Settings\Administrator>gem install
Fetching: multi_json-1.10.1.gem (100%)
Fetching: compass-core-1.0.1.gem (100%)
Fetching: compass-import-once-1.0.5.gem (100%)
Fetching: chunky_png-1.3.3.gem (100%)
Fetching: rb-fsevent-0.9.4.gem (100%)
Fetching: ffi-1.9.6-x86-mingw32.gem (100%)
Fetching: rb-inotify-0.9.5.gem (100%)
Fetching: compass-1.0.1.gem (100%)
Compass is charityware. If you love it, please d
//umdf.org/compass Thanks!
Successfully installed multi_json-1.10.1
Successfully installed compass-core-1.0.1
Successfully installed compass-import-once-1.0.5
Successfully installed chunky_png-1.3.3
Successfully installed rb-fsevent-0.9.4
Successfully installed ffi-1.9.6-x86-mingw32
省略一万字......

测试是否安装成功?

命令: compass -v

输出信息...
Compass 1.0.1 (Polaris)
Copyright (c) 2008-2014 Chris Eppstein
Released under the MIT License.
Compass is charityware.
Please make a tax deductable donation for a worthy cause: http://umdf.org/compass

到这里已经 把 sass,compass 都安装成功了,之后嘛.就可以愉快地使用它们了.

ps:我主要因为想学习用compass 来自动拼装雪碧图才折腾这玩意...

推荐sass,less 自动编译工具

SASS/Compass的安装与卸载

认识SASS/Compass SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。Comapss:SASS的关系大致等于 JQuery:...
  • bluefish1990
  • bluefish1990
  • 2014年03月12日 15:26
  • 22950

mac Ruby下安装compass失败原因及解决办法

对MAC心向往之,终于在前几天,勒紧腰带,下定狠心,入手一体机,拿到电脑后安装sass和compass却总是报一大串错误,既是MAC小白,也是英语小白,这点问题着实难为了我,在一番研究后,把自己总结的...
  • jiyiwohanxing
  • jiyiwohanxing
  • 2015年01月05日 13:17
  • 3948

mac版本webstorm配置compass的两种方法

最近使用compass,发现网上大部分教程都太老了或者不太清楚,决定自己总结一篇webstorm配置compass 方法一 使用命令行 1、创建compass compass create c...
  • wangdajiao
  • wangdajiao
  • 2017年05月31日 18:17
  • 1126

Sass和compass 安装 和配合grunt实时显示

demo 下载 http://vdisk.weibo.com/s/DOlfkrAWjkF/1401192855 为什么要学习Sass和compass ?提高站独立和代码产品化的绝密武器,尤其是程序化...
  • cengjingcanghai123
  • cengjingcanghai123
  • 2015年03月03日 18:21
  • 746

windows下安装sass和compass

1)先安装ruby 打开命令行,输入ruby -v,如果没有安装ruby,则会显示   ’ruby’ is not recognized as an internal or external com...
  • dw1067061570
  • dw1067061570
  • 2017年02月09日 14:46
  • 676

PHPStorm 安装SASS/SCSS、Compass

1、安装 Ruby http://rubyinstaller.org/downloads 配置好系统环境,将ruby的bin目录绝对路径添加到path环境变量中,windows版安装的时候可以勾...
  • aoshilang2249
  • aoshilang2249
  • 2016年08月15日 16:58
  • 1628

【CSS】Windows下安装sass和compass失败的一个解决办法

因为sass和compass依赖于ruby环境,所以装之前先确认装了ruby。可到官网下载最新版ruby安装包http://rubyinstaller.org/downloads/ 在安装的时候,请勾...
  • LZGS_4
  • LZGS_4
  • 2015年04月25日 22:36
  • 1994

【WEB】Sass与Compass安装与入门(一)

一.SASS与COMPASS简介与安装1.安装Ruby: 一键安装,见官网。 注:在MAC系统中,安装RVM(可选:Ruby版本管理工具)和Homebrew(可选) RVM安装: ...
  • WHUZXQ
  • WHUZXQ
  • 2017年04月11日 08:51
  • 192

SASS/Compass的安装与卸载

SASS/Compass的安装与卸载 认识SASS/Compass SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。Com...
  • cengjingcanghai123
  • cengjingcanghai123
  • 2015年05月11日 14:25
  • 537

PHPStorm 安装 SASS、SCSS + Compass

许久没更新博客啦,这两天研究了下 SASS 和 LESS ,最终选了 SASS,因为相对比较成熟些吧,试了很多坑之后,终于成功了,下面上步骤: 1. 安装 PHPStorm 的 SASS 插件 好...
  • zsjangel
  • zsjangel
  • 2015年04月15日 16:05
  • 3424
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:window 安装 sass compass 记录
举报原因:
原因补充:

(最多只允许输入30个字)