stylus的簡(jiǎn)單使用

npm的安裝

npm install -g stylus

運(yùn)行

stylus -h

如果出現(xiàn)下圖說(shuō)明stylus安裝成功


新建一個(gè)項(xiàng)目為Html,目錄如下


index.styl中的內(nèi)容

*
    padding 0
    margin 0

cmd切換到Html路徑輸入 stylus -w ./stylus/index.styl -o ./css/index.css
-w為stylus文件所在的路徑 -o為編譯后css的路徑
此時(shí)已生成實(shí)時(shí)編譯后的css文件,當(dāng)我們修改stylus保存后css文件會(huì)隨之修改

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 寫(xiě)在開(kāi)頭 先說(shuō)說(shuō)為什么要寫(xiě)這篇文章, 最初的原因是組里的小朋友們看了webpack文檔后, 表情都是這樣的: (摘...
    Lefter閱讀 5,445評(píng)論 4 31
  • 在現(xiàn)在的前端開(kāi)發(fā)中,前后端分離、模塊化開(kāi)發(fā)、版本控制、文件合并與壓縮、mock數(shù)據(jù)等等一些原本后端的思想開(kāi)始...
    Charlot閱讀 5,659評(píng)論 1 32
  • Ubuntu的發(fā)音 Ubuntu,源于非洲祖魯人和科薩人的語(yǔ)言,發(fā)作 oo-boon-too 的音。了解發(fā)音是有意...
    螢火蟲(chóng)de夢(mèng)閱讀 100,704評(píng)論 9 468
  • mask 實(shí)例一:利用mask 實(shí)現(xiàn) 圖片圓角 定義分類 UIView + Circle 使用: 實(shí)例二:放大效果...
    iOS_成才錄閱讀 12,626評(píng)論 1 12
  • 01 最近在讀日本小眾作家太宰治的小說(shuō)《人間失格》,捫心自問(wèn),讀到一半兒,我愣是沒(méi)有讀懂作者想要傳達(dá)給讀者的情感元...
    水木梁魚(yú)閱讀 1,212評(píng)論 4 6

友情鏈接更多精彩內(nèi)容