在寫html**時，你有沒有感到痛苦，我們甚至要花好多時間寫這些符號<>,"",/,寫css的時候，有時候要寫一大堆的瀏覽器字首。emmet就是一款能解放我們的工具。emmet是一款編輯器外掛程式，支援多種編輯器支援。emmet的前身是zen coding，使用仿css選擇器的語法來生成**，在前端開發中，emmet 使用縮寫語法快速編寫 html、css 以及實現其他的功能，極大的提高前端開發效率。
我們之前提過的sublime,vs code,webstorm,hbuilder已經內建了emmet外掛程式，如果你使用過這些編輯器，按下「tab」鍵即可瞬間也許你已經使用了emmet強大的功能而不自知。
如果你用的編輯器沒有內建emmet，不要緊，大部分流行的編輯器都可以安裝這個外掛程式。
我們假設你的編輯器已經安裝了emmet，現在就來了解一下它的常見用法吧。
更多用法見官方文件
一、生成html文件結構
新建乙個html文件，輸入「!」或「html:5」，然後按tab鍵：
二、為元素新增id（#）、class（.）
三、巢狀 :子節點（>），兄弟節點（+），上級節點（^）
四、重複（*），可以輸出多個標籤
五、分組（()），用()操作符進行分組，使編寫的**結構更加清晰、明了
六、屬性 [attr]
七、自增符號：$
$的用法很靈活：
1、倒序：在$後新增@-
2、設定起始數字：在$後新增@起始數字
3、多個$,會在前面的位數上補零
八、文字（{}）
與其他用法結合
九、隱式標籤
1、不指定標籤，預設生成div標籤。
2、根據其父標籤，生成適當的子標籤。
適用於：
一、值單位別名列表：
p 表示%
e 表示 em
x 表示 ex
二、模糊匹配
如果有些縮寫你拿不準，emmet會根據你的輸入內容匹配最接近的語法，比如輸入ov:h、ov-h、ovh和oh，生成的**是相同的：
overflow: hidden;三、附加屬性
@f+
@font-face@media screenEmmet前端開發神器使用
快速生成html網頁格式 html 5 tab鍵 生成中文的頭部 meta utf tba鍵 引入css link css tba鍵 生氣指令碼 script src tba鍵 生成帶類樣式的標籤 標籤名.類名 tba鍵 例如div.name tab鍵 生成 生成帶id樣式的標籤 標籤名 id tb...
前端Emmet的使用
emmet快速語法 emmet可以快速的生成我們需要的一些 使得我們編寫 更加輕便。emmet語法不是說可以直接在前端軟體中運用，emmet是一種外掛程式，大部分編輯器都支援。注釋 在輸入 後按 tab 鍵執行。且 間不可以加入空格。emmet語法名稱操作符 child 子標籤 sibling 兄弟...
提高開發效率
1.想想再回應 在回應之前，給自己一點時間想想，站在積極的方面理性思考一下，就可以去控制你的本能反應。2.減少關注圈，擴大影響圈 不要總盯著自己無法改變的部分，你需要要多花時間精力在影響圈上。接受不能改變的，改變能改變的，盡量擴大可改變項的範圍。3.以終為始，想清楚再開工 要做到 以終為始 就是在做...