手机版

首页 IT科技安全资讯卡饭教程卡饭论坛

卡饭网 > 其他 > 正文

在Eclipse中在线安装Emmet和图文使用教程

来源：本站整理作者：梦在深巷时间：2013-04-13 08:02:45

ZenCoding 升级为 Emmet 之后，基于 Eclipse 的插件安装地址也发生了变化，下面是在基于 Eclipse 的 IDE 中安装和使用 Emmet 的图文示例。

一、打开 Eclipse 的插件安装界面

启动 Eclipse，选择 Help>Install New Software ...

在Eclipse中在线安装Emmet和图文使用教程

二、输入插件安装地址：

单击弹出的对话框中的 Add... 按钮，弹出输入插件安装地址及插件名称的对话框：

在Eclipse中在线安装Emmet和图文使用教程

在弹出的对话框的 Location 一栏输入 http://emmet.io/eclipse/updates/ ，在 Name 一栏随便输入一个名字，比如 Emmet，单击 OK：

在Eclipse中在线安装Emmet和图文使用教程

三、下载 Emmet：

当 Install 对话框中显示出了 Emmet 选择项后，选择 Emmet，一路 Next，到最后一步，选择 I accept the terms of th license agreements，单击 Finish，弹出下载对话框，开始下载必要的组件：

在Eclipse中在线安装Emmet和图文使用教程

在Eclipse中在线安装Emmet和图文使用教程

在Eclipse中在线安装Emmet和图文使用教程

在Eclipse中在线安装Emmet和图文使用教程

在Eclipse中在线安装Emmet和图文使用教程

四、安装 Emmet：

下载完毕后，会弹出要求确认安装的对话框，点击 OK，安装过程很快就完成了。

在Eclipse中在线安装Emmet和图文使用教程

在Eclipse中在线安装Emmet和图文使用教程

在Eclipse中在线安装Emmet和图文使用教程

五、使用 Emmet：

单击上一步中的 Yes，重启 Eclipse，就可以使用 Emmet 了。

新建或打开一个 HTML、XML 类的文件（JSP、PHP文件也可以），输入 Emmet 指令，再按下 Tab 键，就可以了。

在Eclipse中在线安装Emmet和图文使用教程

本周热门

本月热门