2015-10-17 147 views
1

我想問,我怎麼能繼續在現有的項目上工作,而沒有在這裏使用的指南針/薩斯的經驗?開始指南針和薩斯

我總是使用Grunt和Less,但現在我必須面對Compass和Sass。

在這裏,我創建了文件結構的截圖。

我的問題是,如何設置系統來獲得這一切工作。比如我看到這個代碼羅盤/ SCSS/style.scss:

@import "compass"; 
@import "bootstrap"; 
@import "mixins"; 
@import "defaults"; 
@import "layouts/forms"; 
@import "layouts/header-footer"; 
@import "layouts/home"; 

例如,我看到@import指南針,但目前還沒有目錄這個樣子,我不知道我怎麼可以附加 - 安裝指南針,來完成這項工作。 enter image description here

而另一個問題,與咕嚕所有我需要的,是gruntfile配置,然後我只需鍵入「咕嚕觀察」,並在更短的文件中的所有變化轉化成一個CSS文件。

但在這裏,我找不到起點。我已經安裝了Ruby,並且我在命令行中嘗試了各種命令,但沒有任何效果。

例如,從指南針頁,我曾嘗試:

$ cd /path/to/project 
$ compass watch 

不過這並沒有什麼,只是顯示在命令行中的一些信息,這個指南針是看更改...

所以在一般情況下,如何在沒有安裝組件的情況下繼續執行此項目?

+0

命令指南針監視/路徑/到/項目是解決方案。 – user3573535

回答

1

使用薩斯和指南針, 。你需要安裝Rubysasscompass, 然後移動到項目文件夾所在的路徑config.rb文件謊言, 然後運行compass watch這裏 你可以看到類似下面的您的終端/ bash /命令提示符
>>> Compass is watching for changes. Press Ctrl-C to Stop.
之後如果沒有創建css文件,您只需對導入到style.scss的某個scss文件或部分文件(_filename)進行一些更改。

該鏈接將指導您正確安裝並創建項目文件夾設置。 http://compass-style.org/install/