Emmet 的使用

Emmet 的介紹

Emmet 的前身叫作：Zen Coding，也許熟知舊名的人不在少數。Emmet 通常前端工程師用得比較多，具體它是作什麼的，咱們經過下面兩張 Gif 演示圖來講明：

IntelliJ IDEA 自帶 Emmet 功能，使用的快捷鍵是 Tab。

Emmet 資料介紹：

• Emmet 官網：http://emmet.io
• Emmet 官網文檔：http://docs.emmet.io/
• Emmet 速查表：http://docs.emmet.io/cheat-sheet/
• Emmet 項目主頁：https://github.com/emmetio/emmet

Emmet 的設置

• 如上圖標註 1 所示，IntelliJ IDEA 支持主流四個瀏覽器內核的一些特別 CSS 書寫。
• 如上圖標註 2 所示，能夠增長或是刪除某些屬性。
• 具體使用，以下圖 Gif 演示。

如上圖標註紅圈所示，在 Live Templates 中也有預設三套代碼模板。