IntelliJ IDEA sass環境配置及常見報錯處理


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

    

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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM