代码改变世界

Emmet 的使用

2016-08-04 00:48  faunjoe88  阅读(328)  评论(0编辑  收藏  举报

Emmet 的介绍

Emmet 的前身叫做:Zen Coding,也许熟知旧名的人不在少数。Emmet 一般前端工程师用得比较多,具体它是做什么的,我们通过下面两张 Gif 演示图来说明:

IntelliJ IDEA 自带 Emmet 功能,使用的快捷键是 Tab

Emmet 资料介绍:

Emmet 的设置

  • 如上图标注 1 所示,IntelliJ IDEA 支持主流四个浏览器内核的一些特别 CSS 书写。
  • 如上图标注 2 所示,可以增加或是删除某些属性。
  • 具体使用,如下图 Gif 演示。

如上图标注红圈所示,在 Live Templates 中也有预设三套代码模板。