在eclipse中使用emmet

0. emmet介绍

emmet是一个编译器插件,用于快速生成html.

emmet官方提供多种编译器的插件, 这里简单介绍eclipse中emmet插件的使用.

详细的使用可以参见官方的cheatsheet和documentation

 

1.在eclipse中安装emmet

使用eclipse marketplace进行安装即可.(略)

 

2.在eclipse中使用emmet

新建html,xml文件(jsp貌似不行), 输入emmet语句, 按tab键后, emmet就会自动生成html.

 

3.简单范例

3.1 html5模板生成

3.2 table生成 

3.3 element的生成

#: ID ;  .: 样式;  [attr=value]: 属性;  {text}: 标签内的文本

3.4 element的层级

>: 子级;  +:同级;  ^: 父级;

3.5 element的multiplication与numbering

*: 重复n次;  $:编号.多个$连写表示编号位数.