sass+compass+bootstrap三劍合璧高效開發記錄

1. 先搭建環境,下載node.js,rubyinstaller,安裝, 安裝rubyinstaller時，要選上include system path,這樣就會自動將node.js執行添加到windows系統環境變量,免去手動建立煩惱.node.js就點下一步安裝就好了

2. win+R cmd 再運行  gem install bootstrap-sass

3.建立一個項目 cd 進入到你所在的項目存放目錄,命令行窗口運行 compass creat XXXXX(項目名稱）這樣就建立了一個項目會生成以下所示目錄

4.右鍵打開 config.rb  在require 'compass/import-once/activate' 下面加一行 require 'bootstrap-sass'

5.打開sass 目錄下的 { @import "compass/reset"; } 這個註釋或刪掉都行，再添加一行 @import "bootstrap";

6.在剛纔的命令窗口處compass compile 編譯下.這樣就能夠在 sass 目錄下操做你想要操做 .scss 了，而後就compass compile , 固然了，若是你不想總是輸入compass compile你就在命令窗處輸入 compass watch -p 監聽，這樣的話就會自動編譯你更改的.scss 或.sass文件，將其輸出到stylesheets中的對應文件.css中

好了，寫完了。適合對sass ,compass,bootstrap有所瞭解的園友。

補充下，若是沒有建立新的項目可在命令行窗口中使用此命令 compass creat xxxxx(項目名) -r bootstrap-sass --using bootstrap  以後會獲得以下文件目錄