作者Isacat (日光貓....^o.o^)
看板Web_Design
標題[問題] 安裝compass和撰寫scss的過程與疑問
時間Wed Nov 21 14:33:43 2012
G+訊息版:
https://plus.google.com/101829568947923398897/posts/HWzsjtmjTyz
試安裝compass和撰寫scss成功。
安裝教學:
http://blog.mukispace.com/compass-for-html-code-project/
編寫教學:
http://demo.tc/Post/748
安裝完之後,建立專案的步驟:
1. 開始 > 執行 > cmd > 先切到我某專案的目錄下。
2. 下指令「compass creat」,在自己專案的目錄下,
建立起那些compass預設需要的目錄和檔案。
3. 建立新的*.scss檔案,一定要丟到它的資料夾sass之下。
4. 再接著下指令「compass compile」,
就會把資料夾sass當中的*.scss檔案,
轉換成資料夾stylesheets當中的*.css檔案。
我一開始沒搞懂,都沒有先建立那些預設檔案,
就隨便在我的某資料夾裡面試圖要把*.scss轉成*.css……
真是太愚蠢了!!!
我沒買compass的APP,沒有寫這個專用的編寫介面,
而且懶人我還是習慣DW編輯CSS語法的自動完成功能,
只好用DW先存成.css寫完scss,再把檔案轉存.scss,
最後再下指令轉.css……繞得自己都要頭暈啦@@~
有沒有不必買就可以寫SCSS的編輯器啊?
幸好我沒學SASS,直接從SCSS開始,
寫法跟CSS沒有差太大,不會錯亂,
不過還是有許許多多的用法得要慢慢練習。
然後似乎記得有方法是專門用來建置大型專案,
把N個*.scss檔案合併成一個*.css的檔案,
想請問一下有沒有教學文章可以參考?
--
U.Design 網頁設計作品集
http://unas.com.tw/U_Design/
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.26.162.212
→ chrisQQ:我記得 compass 不是可以 listen 目錄,你 scss 有更改 11/21 14:48
→ chrisQQ:就會即時產生對應的 css 檔 11/21 14:48
→ Isacat:好像有看到怎麼弄的教學 但還沒試@@~ 11/21 14:50
→ Isacat:對我來講最難的不是寫 而是安裝和設定環境Orz 11/21 14:51
→ EROS4:你需要的是Sublime Text 2 11/21 16:00
→ Isacat:上網查了一些介紹看起來不錯用 多謝推薦 11/21 16:38
推 aceone:compass.app 很方便啊 建議直接買 fire.app 便宜好用 11/21 18:24
推 evenwu:原po你可以用 compass watch 阿... 11/25 02:34
→ evenwu:至於合併就是善用 @import 11/25 02:35