stylus介紹
stylus是一個css預處理框架。來自node社區,主要用來給node項目進行css預處理支持
stylus文件後綴是 .styl
stylus安裝
比如可以在CSS文件夾中,按住shift鍵+右擊,在命令行工具中輸入
$ npm install -g stylus
自動化編譯
- 新建example文件夾
- 新建css文件夾
- 新建css/style.styl文件
- 打開命令行界面
- css目錄下輸入 stylus -w style.styl -o style.css
-w 是自動監視文件 -o 是將編譯後的CSS文件輸出到指定文件中 - 在style.styl裏面寫內容,保存即可