compass安装_html/css_WEB-ITnose

修改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

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