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

一、打開 Eclipse 的插件安裝界面

啟動 Eclipse，選擇 Help>Install New Software ...

二、輸入插件安裝地址：

單擊彈出的對話框中的 Add... 按鈕，彈出輸入插件安裝地址及插件名稱的對話框：

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

三、下載 Emmet：

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

四、安裝 Emmet：

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

五、使用 Emmet：

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

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