PHP：入门——Zend Studio的emmet插件的使用

如题。使用Emmet插件可快速开发前端代码。

安装emmet

1、help-》welcome

2、输入emmet，回车搜索

3、勾选editor features，点击apply changes

4、等待安装，安装完成后重启软件

使用emmet

1、在已存在的项目中，新建一个html文件。鼠标右键点击项目，new-》html file，自定义文件名

2、windows-》show view-》outline

3、例子1：table>tr*3>th*1+td*3，输入后上例后，鼠标移至该行，点击tab键>：表示上下层级+：表示同级*：表示数量

4、例子2：h1{hello}输入后上例后，鼠标移至该行，点击tab键{}：其内填写tag内的文本

5、例子3：a[href=&孥恶膈茯quot;www.baidu.com"]{百度}输入后上例后，鼠标移至该行，点击tab键[]:其内填写tag的属性、属性值

6、例子4：ul>li.item${haha $$}*4输入后上例后，鼠标移至该行，点击tab键$：在循环多个属性或者值情况下，$为其加上序号

7、例子5：(select>.wrap>h1>p>a{immoc})+(select>.haha>p+p)输入后上例后，鼠标移至该行，点击tab键()：优先解析该符号中的内容

8、总结：>：表示上下殿秩痊肭层级+：表示同级*：表示数量[]:其内填写tag的属性、属性值{}：其内填写t锾攒揉敫ag内的文本$：在循环多个属性或者值情况下，$为其加上序号()：优先解析该符号中的内容注意不要留空格。比如：(select>.wrap>h1>p>a{immoc}) + (select>.haha>p+p)只会加载后面(select>.wrap>h1>p>a{immoc})+(select>.haha>p+p)才是正确的