在基於 Eclipse 的 IDE 中安裝和使用 Emmet(ZenCoding)


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

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

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

二、輸入插件安裝地址:

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

在彈出的對話框的 Location 一欄輸入 http://emmet.io/eclipse/updates/ http://download.emmet.io/eclipse/updates/ ,在 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 鍵,就可以了。

Emmet 的具體語法,可參見我的上一篇博文:【翻譯】Emmet (ZenCoding) 縮寫語法


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM