[問題] 安裝compass和撰寫scss的過程與疑問

看板Web_Design作者 (日光貓....^o.o^)時間13年前 (2012/11/21 14:33), 編輯推噓2(207)
留言9則, 5人參與, 最新討論串1/1
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

11/21 14:48, , 1F
我記得 compass 不是可以 listen 目錄,你 scss 有更改
11/21 14:48, 1F

11/21 14:48, , 2F
就會即時產生對應的 css 檔
11/21 14:48, 2F

11/21 14:50, , 3F
好像有看到怎麼弄的教學 但還沒試@@~
11/21 14:50, 3F

11/21 14:51, , 4F
對我來講最難的不是寫 而是安裝和設定環境Orz
11/21 14:51, 4F

11/21 16:00, , 5F
你需要的是Sublime Text 2
11/21 16:00, 5F

11/21 16:38, , 6F
上網查了一些介紹看起來不錯用 多謝推薦
11/21 16:38, 6F

11/21 18:24, , 7F
compass.app 很方便啊 建議直接買 fire.app 便宜好用
11/21 18:24, 7F

11/25 02:34, , 8F
原po你可以用 compass watch 阿...
11/25 02:34, 8F

11/25 02:35, , 9F
至於合併就是善用 @import
11/25 02:35, 9F
文章代碼(AID): #1Gh7NAPy (Web_Design)
文章代碼(AID): #1Gh7NAPy (Web_Design)