rub、sass和compass的安装

长话短说,直接进入正题。

【ruby安装】

ruby下载网址:http://rubyinstaller.org/downloads/

选择适合自己电脑的版本:

下载完成后直接双击安装,记得勾选加入环境变量:

安装完成后打开命令行,输入 ruby -v 命令,如果能看到版本号说明安装成功了:

=========================================

【sass安装】

ruby自带一个分叫做RubyGems的系统,用来安装基于ruby的软件。用gem命令我们可以轻松的安装sass和compass。

在命令行输入命令 gem install sass ,安装完成后输入 sass -v 来查看版本号。

这里要说明一点,那就是你可能会安装失败,详细请看这位网友的解决办法:

http://www.ydcss.com/archives/526

淘宝镜像:https://ruby.taobao.org/

==========================================

【compass安装】

安装命令 gem install compass ,完成后输入查看版本命令 compass -v ,看到详细版本说明安装成功。

==========================================

本教程基于Windows 7系统。

时间: 2024-10-17 07:31:06

rub、sass和compass的安装的相关文章

【CSS】Windows下安装sass和compass

因为sass和compass依赖于ruby环境,所以装之前先确认装了ruby.可到官网下载最新版ruby安装包http://rubyinstaller.org/downloads/ 在安装的时候,请勾选Add Ruby executables to your PATH这个选项,添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境: Sass和compass安装: 安装完ruby后,在开始菜单找到刚才我们安装的ruby,打开Start Command Prompt with Ruby

opensuse13.2安装 sass和compass

首先要先安装ruby 和 gem如果使用sudo zypper install ruby 安装后 当安装sass时会报错 /System/Library/Frameworks/Ruby.framework/Versions/1.8/usr/bin/ruby  extconf.rb  mkmf.rb can't find header files for ruby at  /System/Library/Frameworks/Ruby.framework/Versions/1.8/usr/lib/

安装Ruby、Sass与Compass

sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby.(注:mac下自带Ruby无需在安装Ruby!) window下安装SASS首先需要安装Ruby,先从官网下载Ruby并安装.安装过程中请注意勾选Add Ruby executables to your PATH添加到系统环境变量. 安装完ruby之后,在开始菜单中,找到刚才我们安装的ruby,打开Start Command Prompt with Ruby. 安装完成后需测试安装有没有成功,在命令行中输入:ruby -v 如

Sass学习笔记 -- 在Windows系统中安装Sass和Compass

Sass和Compass都是基于Ruby编程语言的命令行工具.要使用它们,你首先需要在电脑中安装Ruby,Windows系统并没有预置Ruby,因此如果你之前没有安装过Ruby,现在就需要进行安装.安 装Ruby只需要花费几分钟的时间. 直接百度搜索"ruby"或者点击http://rubyinstaller.org/downloads/ 下载,根据自己系统配置,如果是x64,则选择" Ruby 2.3.1 (x64)" 按照提示,点击下一步,注意这里需要全部勾选

Sass和Compass安装

心血来潮,想用下Sass. 先安装,先装ruby,官网下载即可,双击安装,需要注意的是在安装过程中,选择将ruby加入环境变量,这样我们就可以在命令行下用了. 然后就是安装Sass,一条命令即可 gem install sass 但是,竟然被墙了..使用下面的方法,原文地址:http://www.w3cplus.com/sassguide/install.html 使用淘宝的镜像地址. $ gem sources --remove https://rubygems.org/ $ gem sour

Sass学习之路:Sass、Compass安装与命令行

导言 CSS不是一门真正意义上的编程语言,很多编程语言理所当然的特性(比如变量),都不被支持.同时再开发模块化的web项目的时候,也要避免相互干扰.为了弥补CSS的这些不足,就产生了CSS预处理器,Sass则是其中的佼佼者. 什么是Sass Sass是最成熟.稳定.强大.专业的CSS扩展语言(官方解释).直白点,Sass就是一个非常好用的CSS预处理器,为css引入部分编程语言的特性. Sass在现阶段,有两种编码的语法,一个是兼容CSS语法的Scss格式文件,一个是Haml.Ruby类似语法的

Windows下安装sass和compass失败的解决办法

sass依赖Ruby,所以,首先得先安装个Ruby sass的安装步骤: 在安装的时候,请勾选Add Ruby executables to your PATH这个选项,添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境: Sass和compass安装: 安装完ruby后,在开始菜单找到刚才我们安装的ruby,打开Start Command Prompt with Ruby 然后直接在命令行中输入gem  install sass,按回车键确认,等待一段时间就会提示你sass安装成

邂逅Sass和Compass之Compass篇

本文主要讲解Compass的内容,众所周知Compass是Sass的工具库,如果对Sass不甚了解的同学可以移步 邂逅Sass和Compass之Sass篇 Sass本身只是一个"CSS预处理器",Compass在它的基础上,封装了一系列的模块和模板,补充了Sass的功能. 1.Compass的安装 和Sass一样,Compass也是用Ruby语言开发的,所以在安装Sass之前必须先安装Ruby,安装Ruby的过程就不再赘述,安装好Ruby后可以直接在命令行输入下面的命令 sudo ge

揭开Sass和Compass的神秘面纱

可能之前你像我一样,对Sass和Compass毫无所知,好一点儿的可能知道它们是用来作为CSS预处理的.那么,今天请跟我一起学习下Sass和Compass的一些基础知识,包括它们是什么.如何安装.为什么要使用.基础语法等一些基本知识.需要说明的是我也仅仅只是刚刚接触Sass和Compass,一些高级用法等将不再本文的讨论范围之内.接触一周以后发现Sass和Compass的用处非常大,也打算今后在项目中尝试引进并应用起来.希望读完以后,你跟我一样对Sass和Compass给你带来的东西非常开心,也