課程
/前端開發(fā)
/Sass/Less
/Sass入門篇
老師安裝已經(jīng)成功！但是不知道怎么創(chuàng)建一個(gè)項(xiàng)目，然后讓sass的代碼變成css的代碼！
2015-12-10
源自：Sass入門篇 2-2
正在回答
比如你寫了一個(gè)sass文件，叫index.scss，需要編譯成css文件(index.css)，
可以使用這個(gè)命令：
sass index.scss index.css
當(dāng)然，sass一般是和compass結(jié)合這用，你可以用這個(gè)命令：
compass watch
這個(gè)命令會(huì)把所有的scss文件編譯成css文件，并且還會(huì)監(jiān)聽這scss文件的變化，一有變化就重新編譯一下。。
如果你有前端自動(dòng)化環(huán)境，拿grunt來說，配置好watch任務(wù)也能監(jiān)聽scss文件變化并自動(dòng)化編譯，命令是：
grunt watch
或
grunt serve
針對一個(gè)目錄，拿去
老師這是我在命令輸入：sass index.scss index.css ，然后在按回車建，在輸入compass watch：
截圖的效果：
然后現(xiàn)在我應(yīng)該怎么在一個(gè)demo項(xiàng)目，新建sass轉(zhuǎn)換為css文件呢？請老師指教？
koala 很好用
給你個(gè)最簡單的方法，去下載一個(gè)Koala，可以直接將你編寫好的sass文件轉(zhuǎn)譯成css文件，因?yàn)槲矣玫氖撬麢C(jī)，如果你需要給我個(gè)郵箱我發(fā)給你~
webtow 提問者
舉報(bào)
Sass入門視頻教程，學(xué)會(huì)Sass使你擺脫重復(fù)編寫代碼的工作
1 回答sass的代碼風(fēng)格
3 回答不知道怎么使用sass轉(zhuǎn)換成css
1 回答寫sass時(shí)沒有代碼提示
2 回答“SASS無法兼容已有的CSS代碼”是什么意思，不太懂這句話？
2 回答sass sass/:css/就沒人發(fā)現(xiàn)這個(gè)編譯出錯(cuò)嗎？要寫成sass --watch sass/:css/
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2015-12-10
比如你寫了一個(gè)sass文件，叫index.scss，需要編譯成css文件(index.css)，
可以使用這個(gè)命令：
sass index.scss index.css
當(dāng)然，sass一般是和compass結(jié)合這用，你可以用這個(gè)命令：
compass watch
這個(gè)命令會(huì)把所有的scss文件編譯成css文件，并且還會(huì)監(jiān)聽這scss文件的變化，一有變化就重新編譯一下。。
如果你有前端自動(dòng)化環(huán)境，拿grunt來說，配置好watch任務(wù)也能監(jiān)聽scss文件變化并自動(dòng)化編譯，命令是：
grunt watch
或
grunt serve
2017-06-19
針對一個(gè)目錄，拿去
2015-12-17
老師這是我在命令輸入：sass index.scss index.css ，然后在按回車建，在輸入compass watch：
截圖的效果：
然后現(xiàn)在我應(yīng)該怎么在一個(gè)demo項(xiàng)目，新建sass轉(zhuǎn)換為css文件呢？請老師指教？
2015-12-11
koala 很好用
2015-12-10
給你個(gè)最簡單的方法，去下載一個(gè)Koala，可以直接將你編寫好的sass文件轉(zhuǎn)譯成css文件，因?yàn)槲矣玫氖撬麢C(jī)，如果你需要給我個(gè)郵箱我發(fā)給你~