ZenCoding 升級爲 Emmet 之後,基於 Eclipse 的插件安裝地址也發生了變化,下面是在基於 Eclipse 的 IDE 中安裝和使用 Emmet 的圖文示例。
一、打開 Eclipse 的插件安裝界面
啓動 Eclipse,選擇 Help>Install New Software …
二、輸入插件安裝地址:
單擊彈出的對話框中的 Add… 按鈕,彈出輸入插件安裝地址及插件名稱的對話框:
在彈出的對話框的 Location 一欄輸入 ;,在 Name 一欄隨便輸入一個名字,比如 Emmet,單擊 OK:
三、下載 Emmet:
當 Install 對話框中顯示出了 Emmet 選擇項後,選擇 Emmet,一路 Next,到最後一步,選擇 I accept the terms of th license agreements,單擊 Finish,彈出下載對話框,開始下載必要的組件:
四、安裝 Emmet:
下載完畢後,會彈出要求確認安裝的對話框,點擊 OK,安裝過程很快就完成了。
五、使用 Emmet:
單擊上一步中的 Yes,重啓 Eclipse,就可以使用 Emmet 了。
新建或打開一個 HTML、XML 類的文件(JSP、PHP文件也可以),輸入 Emmet 指令,再按下 Tab 鍵,就可以了。