【Emmet Zen Coding——HTML / CSS】 超實用開發技巧

Emmet 介紹

Emmet (前身為： Zen Coding) 是一個能大幅度提高前端開發效率的一個工具。在前端開發的過程中，一大部分的工作是寫 HTML、CSS 代碼。特別是手動編寫 HTML 代碼的時候，效率會特別低下，因為需要敲打很多尖括號，而且很多標簽都需要閉合標簽等

于是，就有了 Emmet，它可以極大的提高代碼編寫的效率，它提供了一種非常簡練的語法規則，然后立刻生成對應的 HTML 結構或者 CSS 代碼，同時還有多種實用的功能幫助進行前端開發（源：Wikipedia）

簡單來說，Emmet 能幫助我們快速進行前端代碼的編寫，在主流開發工具 Vscode 中也已集成。我們只需要鍵入相應標簽的縮略語，按 Tab 鍵就可快速生成對應代碼，下面介紹幾組開發中常用的語法

常用語法格式

擴展示例

信息輸入

按鈕樣式

HTML 標準

超鏈接

樣式類

Vscode 演示

! + Tab 快速生成 Html 主體框架

部分常用標簽演示

HTML

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。