zend studio 的插件之一 Emmet

Emmet插件的基础使用(模仿Css选择器的语法来快速开发Html和Css的工具)

1、安装：在Zend studio 的菜单栏中找到并单击HELP，在弹出的扩展栏中找到并单击Welcome，右边会弹出一个面板，在面板的输入框内输入Emmet，然后单击输入框旁边的Apply Changes(更改应用)，弹出提示：是否重启，单击YES，安装就成功了。

2、使用：①编写前端代码：首先File(文件)，然后new(新建)，接着Html File(Html文件)，弹出面板，命名，Finish；现在我们看到了最简单的Html文件，假如想新建一个表单table标签(<table><tr><td><\td><\tr><\table>这样很麻烦而且容易写错)，我们装了Emmet插件以后就可以解决这个问题了(写出table>tr*3>td*4后，按键盘的Table键，就会发现3列4行自动就写好了，不需要手动输入，注：3和4是你需要的几行几列)；

②用Emmet给字体变大：现在有一个标签：<h1>hello<\h1>，当我们用Emmet的方法就可以这样写：h1{hello}，写好后按下键盘上的Table键，就会显示<h1>hello<\h1>；

③用Emmet写一个超链接：我们现在写<a href="www.13631281412@163.com">我的邮箱<\a>，当我们用Emmet插件写的时候：a[href = "www.13631281412@136.com"]{我的邮箱}，写好后再按下键盘上的Table键，就自动生成了；

④在标签中添加样式或者属性：写好ul>li.item${haha $$}*4后按下键盘上的Table键，你想要的代码就自动生成了。(解释：ul是标签，在li中增加一个叫item的class属性，并且不想让这些item是一样的想让它们自动编上号码，就在item后加上一个$，在{{}中写的haha是包含内容，我们也想给haha编上号码就在后面加上$，这里两个$就是说编码是两位数，4是代表需要写4行，需要几行就*几)

⑤更复杂的标签功能：(select)+(select)：表示两个并列的select；在第一个select下的option取一个叫wamp的class，代码就变成这样了：(select>.wamp)+(select)；第二个select下的option取一个叫haha的class，代码就变成这样了：(select>.wamp)+(select>.haha)；在第一个selectt的option下有一个叫h1的标签，在h1的标签下嵌套了一个p的标签，在p的标签下有嵌套了一个a的标签，代码就变成这样了：(select>.wamp>h1>p>a)+(select>.haha)；在第二个select下嵌套一个并列标签，代码就变成这样了：(select>.wamp>h1>p>a)+(select>.haha>p+p)，写好后按下键盘的Table键，想要的代码就生成了。