stylus 安裝及使用方法

2022-08-27 13:27:13 字數 1083 閱讀 9439

stylus是乙個css的預處理框架,2023年產生,來自node.js社群,主要用來給node專案進行css預處理支援,所以stylus是一種新型語言,可以建立健壯的、動態的、富有表現力的css。比較年輕,其本質上做的事情與sass/less等類似,應該是有很多借鑑,所以近似指令碼的方式去寫css**。

stylus預設使用.styl的作為副檔名,支援多樣性的css語法。

stylus功能上更為強壯,和js聯絡更加緊密。

stylus檔案字尾是 .styl

當然,首先你得安裝node.js執行環境

$ npm install -g stylus
執行stylus -h可以獲得相關的命令列支援

新建src資料夾

新建example.stly檔案

開啟命令列介面

輸入 stylus -w example.styl -o src

-w 是自動監視檔案 -o 是將編譯後的css檔案輸出到指定檔案中

在example.styl裡面寫內容,儲存即可

壓縮

$ stylus --compress src/

輸出compiled src/example.css,這個時候表示你生成成功了,帶上--compress引數表示你生成壓縮的css檔案。

$ stylus --css css/example.css css/out.stylcss轉換成styl 

$ stylus help box-shadowcss屬性的幫助 

$ stylus --css test.css輸出基本名一致的.styl文

知道這些就夠了

GIT安裝及使用方法

1 windows中安裝git及使用方法 1.3.2 在本地倉庫中開啟git的命令列git bash,輸入 git remote add origin 將新建立的遠端倉庫的 和遠端分支繫結起來。1.3.3 git pull origin master allow unrelated historie...

stylus 介紹 , 安裝 , 使用

1.stylus是css預處理器,具有對css可程式設計,編寫快速便捷的特性.2.stylus源自於node.js 2010年產生 主要用來給node專案進行css預處理支援 1.標準的stylus語法就是沒有花括號,沒有分號,沒有冒號 減少開發時間 2.近似指令碼的方式去寫css 1.stylus...

CentOS安裝crontab及使用方法

安裝crontab root centos yum install vixie cron root centos yum install crontabs 說明 vixie cron軟體包是cron的主程式 crontabs軟體包是用來安裝 卸裝 或列舉用來驅動 cron 守護程序的 的程式。cro...