你的位置:首页 > 网页设计

[网页设计]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

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