ZenCoding 升級(jí)為 Emmet 之后，基于 Eclipse 的插件安裝地址也發(fā)生了變化，下面是在基于 Eclipse 的 IDE 中安裝和使用 Emmet 的圖文示例。

一、打開(kāi) Eclipse 的插件安裝界面

啟動(dòng) Eclipse，選擇 Help>Install New Software ...

二、輸入插件安裝地址：

單擊彈出的對(duì)話框中的 Add... 按鈕，彈出輸入插件安裝地址及插件名稱(chēng)的對(duì)話框：

在彈出的對(duì)話框的 Location 一欄輸入 http://emmet.io/eclipse/updates/ ，在 Name 一欄隨便輸入一個(gè)名字，比如 Emmet，單擊 OK：

三、下載 Emmet：

當(dāng) Install 對(duì)話框中顯示出了 Emmet 選擇項(xiàng)后，選擇 Emmet，一路 Next，到最后一步，選擇 I accept the terms of th license agreements，單擊 Finish，彈出下載對(duì)話框，開(kāi)始下載必要的組件：

四、安裝 Emmet：

下載完畢后，會(huì)彈出要求確認(rèn)安裝的對(duì)話框，點(diǎn)擊 OK，安裝過(guò)程很快就完成了。

五、使用 Emmet：

單擊上一步中的 Yes，重啟 Eclipse，就可以使用 Emmet 了。

新建或打開(kāi)一個(gè) HTML、XML 類(lèi)的文件（JSP、PHP文件也可以），輸入 Emmet 指令，再按下 Tab 鍵，就可以了。