像編程同樣玩轉css,是否是感受很high,很酷?css
重構css,模塊化css,變量,if else,for循環...html
OK,廢話很少說,直接上菜。前端
編輯器:sublime Text2 :編輯神器,前端開發利器,若有不瞭解的,請百度sublime Text2或點擊sublime Text2 自行了解編程
css預處理器:sass sass
css樣式框架:compassruby
小注:框架
sublime Text2 :編輯神器,前端開發利器,若有不瞭解的,請百度sublime Text2或點擊sublime Text2 自行了解編輯器
sass :sass是針對css的預處理器,能夠像編程同樣玩轉css.模塊化
compass:是依賴於sass。針對css處理的框架。目的是讓css開發者更簡單,更有趣工具
下載:
1,下載編輯器sublime Text2
2,下載sass,先下載ruby。裏面有步驟,按照官網步驟來。
3,ruby安裝完畢。
檢驗ruby是否安裝成功:ruby -v 。版本正確顯示,說明OK,錯誤,百度或google找相關解決方案,反正我是沒遇到,吼吼。
4,安裝sass,在cmd 裏 鍵入 「gem install sass」指令。
5,安裝compass,鍵入"gem install compass"
一樣:檢查是否安裝成功:sass -v ,compass -v
OK,安裝基本工具交代完畢,css編程之安裝篇(二)是圍繞sublime Text2作前端開發(css,js)集成的一些有用插件。