安裝?

Tags: 工具, 插件,

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 和 blueprint

Compass是用Ruby語言開發的,所以安裝它之前,必須安裝Ruby。

假定你的機器(Linux或OS X)已經安裝好Ruby,那麼在命令行模式下鍵入:

 sudo gem install compass

安裝 compass 和 blueprint

安裝blueprint

安裝 compass 和 blueprint

創建使用blueprint的simple項目

compass create simple --using blueprint

安裝 compass 和 blueprint

打開simple項目,層級目錄如圖所示

安裝 compass 和 blueprint

注意事項

必須要安裝Ruby和nodeJs

相關問題答案