Compass-blueprint compass的一個css擴展插件,Sass是一種"CSS預處理器",可以讓CSS的開發變得簡單和可維護。但是,只有搭配Compass,它才能顯出真正的威力。學會了Compass,你的CSS開發效率會上一個臺階。Compass是Sass的工具庫(toolkit)。Sass本身只是一個編譯器,Compass在它的基礎上,封裝了一系列有用的模塊和模板,補充Sass的功能。它們之間的關係,有點像Javascript和jQuery、Ruby和Rails、python和Django的關係。
為什麼使用Blueprint?
更方便的使用mixins指令調用 reset, grids 和buttons模塊。
工具/原料
ruby
nodejs
方法/步驟
nodeJs安裝
下載地址:https://nodejs.org/
設置全局變量:如圖
Compass是用Ruby語言開發的,所以安裝它之前,必須安裝Ruby。
假定你的機器(Linux或OS X)已經安裝好Ruby,那麼在命令行模式下鍵入:
sudo gem install compass
安裝blueprint
創建使用blueprint的simple項目
compass create simple --using blueprint
打開simple項目,層級目錄如圖所示
注意事項
必須要安裝Ruby和nodeJs