1、下載安裝ruby,網上教程很多的,安裝完之后在命令行輸入ruby -v檢查一下是否安裝成功了。(注意安裝的時候要勾選第二項)。
2、安裝compass
gem install compass
然后compass -v檢查是否安裝成功以及版本信息。
3、安裝normalize
gem install compass-normalize
4、安裝sass,命令行輸入,然后sass -v檢查一下。
gem install sass
然后sass -v檢查是否安裝成功以及版本信息。
配置Compass Watcher
File->Settings->Tools->File Watchers
點擊右上角綠色的+號,選擇compass scss
Arguments里面填
compile $UnixSeparators($FilePath$)$
Working directory里面填
$UnixSeparators($FileParentDir$)$
后面兩項留空。
開始使用:
1、在sass文件夾里新建.scss后綴的文件,對應的會在css文件夾里生成相應的css文件,在scss文件里編輯,引入compass的精靈圖,開始報錯了(引入compass也是一樣的報錯)
@import "compass/utilities/sprites";
按住Alt+Enter,選擇Configure Compass
把左上角的勾點上,確定就行了。
2、還有就是event log里面各種報錯文件找不到什么的(There is not such a file in *********),三個可能的原因:
1)編碼格式報錯
File->Settings->Editor->File Encodings,選擇UTF-8
2)沒有安裝compass normalize
gem install compass-normalize
3)config.rb配置文件有問題(針對.sass-cache文件的報錯)
配置文件里加上這句代碼。
還有一些其他的報錯,一時之間不容易全部記起來,以后想起來的時候再補上。