看板 Web_Design 關於我們 聯絡資訊
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