快速生成html網頁格式：html：5 +tab鍵
生成中文的頭部：meta：utf+tba鍵
引入css：link：css+tba鍵
生氣指令碼：script：src+tba鍵
生成帶類樣式的標籤：標籤名.類名+tba鍵 例如div.name+tab鍵 生成
生成帶id樣式的標籤:標籤名# id+tba鍵 例如div.name+tab鍵 生成
a標籤 生成link：a:link+tab鍵
同級標籤（兄弟標籤）用+連線 例如：h1.name+h1.age+tab鍵 生成
後代標籤（下級標籤）用》連線 例如：ul>li+tab鍵 生成生成標籤後，同時生成文字內容：用{} 例如h1+tab鍵 生成
生成標籤後，同時生成提示屬性：[ ] 例如 h1[style] +tab鍵生成
重複生成功能 ：用* 例如 ul*2+tab鍵生成
給標籤自動新增編號或者排序
使用Emmet提高前端開發效率
在寫html 時，你有沒有感到痛苦，我們甚至要花好多時間寫這些符號 寫css的時候，有時候要寫一大堆的瀏覽器字首。emmet就是一款能解放我們的工具。emmet是一款編輯器外掛程式，支援多種編輯器支援。emmet的前身是zen coding，使用仿css選擇器的語法來生成 在前端開發中，emmet ...
前端Emmet的使用
emmet快速語法 emmet可以快速的生成我們需要的一些 使得我們編寫 更加輕便。emmet語法不是說可以直接在前端軟體中運用，emmet是一種外掛程式，大部分編輯器都支援。注釋 在輸入 後按 tab 鍵執行。且 間不可以加入空格。emmet語法名稱操作符 child 子標籤 sibling 兄弟...
前端開發神器之ngrok
ngrok能做什麼，為什麼是前端開發神器？內網穿透，對映本地開發環境到公網，模擬多終端線上環境。結合乙個很簡單的pwa demo，舉個簡單的例子 1.轉殖demo到本地git clone 2.本地8080埠執行demo 複製 3.ngrok內網穿透到公網 複製 4.檢視公網位址 chrome 複製 ...