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文件的報錯）

　　　　

　　　　配置文件里加上這句代碼。

還有一些其他的報錯，一時之間不容易全部記起來，以后想起來的時候再補上。

轉載于:https://www.cnblogs.com/kakayang/p/6625201.html

總結

以上是生活随笔為你收集整理的IntelliJ IDEA sass环境配置及常见报错处理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。