2015年7月3日 星期五

[Sublime Text 3 Package] Emmet

Emmet套件是用來快速產生HTML和CSS tag的工具,語法如下

> 子層元素
+ 同層元素
^ 上層元素
# id
. class
[] 屬性
{} 文字內容
() 群組
* 重覆數量,後面接數字可以指定要重覆多少個數的元素
$ 排序數字,多個$符號會產生多位數的排序數字,前面補零
lorem 亂數文字,後面接數字可以指定幾個字的文字,不接數字的話則是一整個句子

按下Ctrl + Shift + P 叫出命令視窗,輸入Instal Package,選擇安裝套件

輸入emmet按下enter即可安裝

安裝完成

開一個新檔案來試試,輸入html:5>div#header+div#content+div#footer後,按下tab鍵

就會自動展開成html元素