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