一、HTML
1、生成結構的快捷鍵
!+tab,生成HTML結構代碼
2、生成id名和類名
標簽名.類名#id+tab
沒有標簽名.類名#id+tab ---> div
3、生成同級元素
標簽名+標簽名+標簽名 “+”tab
4、生成子標簽
標簽名>子標簽名>子標簽名>子標簽名+tab
生成與子標簽的同級標簽
標簽名>子標簽名>子標簽名>子標簽名^^子標簽名+tab
5、生成固定數量的標簽
ul>li*5+tab
6、帶有序號的名稱
ul>li.abc$3 + tab 類名帶序號
ul>li#abc$3 + tab id帶序號
7、生成帶內容的標簽
ul>li>a{item}*3 + tab
二、CSS
1、width:30px ---> w30+tab