compass安裝教程

compass和sass相當於，jquery和javascript,一個是封裝的css庫，另一個是javascript庫，它們都目的是一樣的，簡化開發。

安裝

一般來說，安裝SASS的話，會自動幫助你安裝compass。如果不確認是否有安裝compass，在cmd中輸入

compass -v

顯示 'compass' 不是內部或外部命令，也不是可運行的程式或批處理文件。代表未安裝compass。

顯示如下，那麼安裝成功。

D:\WEB\aaa\myproject>compass -v
Compass 1.0.3 (Polaris)
Copyright (c) 2008-2015 Chris Eppstein
Released under the MIT License.
Compass is charityware.
Please make a tax deductable donation for a worthy cause: http://umdf.org/compass

安裝指令

gem update --system  #先更新gem
gem install compass  #安裝Compass

其它指令

gem query –remote #卸載

md mycompass /# md 建立空文件夾

建立compass項目

cmd進入網站目錄，在cmd中，輸入以下指令。

compass create myproject

myproject是項目的名字，執行後，會下載compass項目文件到指定目錄下： - config.rb -> 配置文件 - .sass-cache -> 緩存文件 - sass -> sass文件 - stylesheets -> sass編譯文件

cofing.rb 配置文件

http_path = "/" 
css_dir = "stylesheets"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"

//可以外加指令
output_style = :compressed     //編譯格式指定

編譯文件

執行編譯

compass compile

只有在配置文件下，才能執行編譯，不然會找不到.scss文件。

D:\WEB\aaa\mycompass\myproject\sass>compass compile
Compass can't find any Sass files to compile.
Is your compass configuration correct?.
If you're trying to start a new project, you have left off the directory argumen
t.
Run "compass -h" to get help.

在命令行模式下，除了一次性編譯命令，compass還有自動編譯命令

compass watch

結束自動編譯按 CTRL + C，同樣，也需要在配置文件下執行自動編譯，才執行。

調用模塊報錯

如果調用模塊報錯，有可能是編碼錯誤。