compass安装
gem install compass
compass -v
mkdir workspace
cd workspace
compass create learn-compass-init
解决compass安装报错:
添加淘宝镜像源
$ gem sources -a https://ruby.taobao.org/ 【如果你系统不支持https,请将淘宝源更换成:gem sources -a http://gems.ruby-china.org】
gem sources -l
sudo gem update --system
sudo gem install compass
还是报错错出的原因:是缺少相关的依赖软件所以需要按以下的方法安装才可成功:
$ gem install chunky_png; 安装运行的依赖软件 chunky_png-1.2.9
$ gem install fssm; fssm-0.2.10
漫长的下载时间,终于安装好之后,执行命令报错:
Fetching: compass-1.0.3.gem (100%)
ERROR: While executing gem ... (Errno::EPERM)
Operation not permitted - /usr/bin/compass
然安装失败,然后仔细看看这段报错提示, Operation not permitted - /usr/bin/compass 就是说/usr/bin/compass这个文件夹禁止操作,so执行 sudo gem install -n /usr/local/bin compass
提示安装成功
2:编译
compass watch
3:compass使用
config.rb
require 'compass/import-once/actiate' //相同文件只引入一次如果要引入两次需在引入文件后加!
output_style: compressed //如果压缩文件不去掉注释需要在scss文件的注释前加!
compass官网
http://compass-style.org/
4:sass compass书籍
https://book.douban.com/subject/25874874/
gem install compass
compass -v
mkdir workspace
cd workspace
compass create learn-compass-init
解决compass安装报错:
添加淘宝镜像源
$ gem sources -a https://ruby.taobao.org/ 【如果你系统不支持https,请将淘宝源更换成:gem sources -a http://gems.ruby-china.org】
gem sources -l
sudo gem update --system
sudo gem install compass
还是报错错出的原因:是缺少相关的依赖软件所以需要按以下的方法安装才可成功:
$ gem install chunky_png; 安装运行的依赖软件 chunky_png-1.2.9
$ gem install fssm; fssm-0.2.10
漫长的下载时间,终于安装好之后,执行命令报错:
Fetching: compass-1.0.3.gem (100%)
ERROR: While executing gem ... (Errno::EPERM)
Operation not permitted - /usr/bin/compass
然安装失败,然后仔细看看这段报错提示, Operation not permitted - /usr/bin/compass 就是说/usr/bin/compass这个文件夹禁止操作,so执行 sudo gem install -n /usr/local/bin compass
提示安装成功
2:编译
compass watch
3:compass使用
config.rb
require 'compass/import-once/actiate' //相同文件只引入一次如果要引入两次需在引入文件后加!
output_style: compressed //如果压缩文件不去掉注释需要在scss文件的注释前加!
compass官网
http://compass-style.org/
4:sass compass书籍
https://book.douban.com/subject/25874874/