stylus系列 | 普通Html頁面如何使用stylus語法

 

stylus介紹

stylus是一個css預處理框架。來自node社區,主要用來給node項目進行css預處理支持
stylus文件後綴是 .styl

 

stylus安裝

比如可以在CSS文件夾中,按住shift鍵+右擊,在命令行工具中輸入

$ npm install -g stylus

 

自動化編譯

  1. 新建example文件夾
  2. 新建css文件夾
  3. 新建css/style.styl文件
  4. 打開命令行界面
  5. css目錄下輸入 stylus -w style.styl -o style.css
    -w 是自動監視文件 -o 是將編譯後的CSS文件輸出到指定文件中
  6. 在style.styl裏面寫內容,保存即可
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章