compass安装

修改ruby软件包的sources

国外服务器不给力,经常链接失败,换成国内淘宝的:https://ruby.taobao.org/

先移除本有的sources

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

安装淘宝sources:

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

检查前两步是否操作成功:

gem sources -l

Compass安装

gem install compass

创建compass项目

先创建文件(例:works)--------> 指定到这个文件  cd works

compass create learn-compass-init //(init项目名字)

项目创建完成------> 创建中出现的提示:

恭喜你的compass文件创建成功
你可以在项目的Sass的子目录里添加和编辑sass样式文件。-----开始结束子
目录结构
以一个下划线开头命名的sass文件叫做局部文件,主要用来被其他的sass文
件引入,其在编译的时候不会被单独编译成CSS文件。----Sass文件如何来命名
可以通过修改生成的config.rb配置文件配置项目。----指明生成config.rb
文件的作用
在Sass样式发生改变的时候必须把它们编译成CSS才可以真实生效。
1、按需编译:使用命令  compass compile[path/to/project (项目路径-可
选参数)]

2、监听文件的变化并且自动编译:使用命令  compass watch[path/to/project (项目路径-可选参数)]

进入项目目录cd learn-compass-init 实现监听:

compass watch

scss转化sass命令:

sass-convert style.scss style.sass

可以反向转换,命令一样,只是文件名字转换一下

时间: 2024-10-24 02:29:43

compass安装的相关文章

compass安装教程

*:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin: 15px 0; } /* HEAD

Could not find a valid gem 'compass' (>= 0) in any repository compass安装失败解决方案

安装完成ruby gem 之后,通过 gem install compass 安装compass~~ 出现如下报错 Could not find a valid gem 'compass' (>= 0) in any repository 然后尝试在 https://rubygems.org/ 下载 compass-1.0.3.gem 本地安装 又提示了 rb-inotify 安装失败~~ 一个个安装失败,这个时候 可以怀疑一下 是不是网络问题,无法连接 rubygems 库~ 是不是被墙了呢?

ruby镜像报错,compass安装报错

在这几天在电脑上安装compass一直报错,很无语.因为安装的ruby和sass都没有问题,虽然是很久之前安装的. sass # 更新sass gem update sass # 检查sass version sass -v gem #检查gem gem -v #更新系统gem gem update --system //在这里报错 compass #检查compass compass -v //报错,compass不是内部命令 #安装compass gem install compass //

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类似语法的

rub、sass和compass的安装

长话短说,直接进入正题. [ruby安装] ruby下载网址:http://rubyinstaller.org/downloads/ 选择适合自己电脑的版本: 下载完成后直接双击安装,记得勾选加入环境变量: 安装完成后打开命令行,输入 ruby -v 命令,如果能看到版本号说明安装成功了: ========================================= [sass安装] ruby自带一个分叫做RubyGems的系统,用来安装基于ruby的软件.用gem命令我们可以轻松的安装s

安装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 如

【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

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安装成