廣告

2015年6月8日 星期一

[css] window8 + scss(sass) + compass + sublime text3 & modify exist 2 scss project | also provide mac version


//相關安裝
1.install Ruby
2.命令視窗,輸入gem install sass
3.命令視窗,gem install compass

//編輯器
1. in Sublime Text編輯器,按Ctrl + Shift +P鍵,再輸入install。
(沒package control 參考http://lewisli1.blogspot.tw/2015/06/sublime-text3-without-package-control.html)
2. install sass ,SASS snippets ,Compass

//執行
1. cd to your project
compass creat .\(your project)

2.compass watch
請勿關閉此視窗,由於它會自動監控,每當Sublime Text一儲存時,就會立即轉存成css檔
(要到project那層呦)

//編輯器
alt+shift+2 (開兩個視窗)

//執行
將現有css做轉換
命令視窗:
sass-convert style.css style.sass
sass-convert style.css style.scss

//結論
總之就是在sass 資料夾裡面寫scss(sass)檔,
儲存時他會自己幫產出css檔放在stylesheets資料夾裡面

改完後來套套看

沒有留言:

張貼留言