用VSCode加emmet極速建立網頁
摘要：
Emmet是一個縮寫擴充套件外掛，VSCode已經內建，所以不用配置了。 其它文字編輯象vim， pycharm也有相應的外掛支援。
下圖是一個簡單的演示，可以感受下它的威力
image
在建立html檔案後，輸入html:5 按tab鍵， ...
Emmet是一個縮寫擴充套件外掛，VSCode已經內建，所以不用配置了。 其它文字編輯象vim， pycharm也有相應的外掛支援。
下圖是一個簡單的演示，可以感受下它的威力
image
在建立html檔案後，輸入html:5 按tab鍵， 就會建立比較完善的html5框架程式碼
1.png
它還支援類似jquery的選擇器語法，輸入div.container 就會建立class為container的div
2.png
還可以用ul>li *5 建立有五個li的ul, 尖括號程式碼下一級， 星號後面加數字則為連續建立n個前面的元素
3.png
我們再建立一個略複雜的 table>(tr>td{item$ 5}) 5 則會建立一個表格有五行，每行有文字item1到item5的單元格, ()為建立獨立分組，表示可以做為一個獨立元素，這樣我們就可以在後面*5去建立5個分組。而大括號為文字資訊，就是單元格里的文字
4.png
這些就足以應付我們平時的大部分重複操作了。另外我們還可以用方括號輸入屬性值，加號建立同級元素，^建立上級元素，具體使用請百度後食用。