手机
当前位置:查字典教程网 >软件教程 >编程开发 >在Eclipse中在线安装Emmet和图文使用教程
在Eclipse中在线安装Emmet和图文使用教程
摘要:ZenCoding升级为Emmet之后,基于Eclipse的插件安装地址也发生了变化,下面是在基于Eclipse的IDE中安装和使用Emme...

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

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

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

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

二、输入插件安装地址:

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

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

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

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

三、下载 Emmet:

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

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

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

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

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

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

四、安装 Emmet:

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

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

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

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

五、使用 Emmet:

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

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

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

【在Eclipse中在线安装Emmet和图文使用教程】相关文章:

在MyEclipse中配置Tomcat服务器7.0图文教程

MyEclipse中配置struts.xml自动提示的方法

C#基础之vs2010安装与配置使用教程

Adobe photoshop CS5 中文版安装图文教程

如何在eclipse中添加android ADT ADT插件的安装图文教程

在Visual Studio 2008 SP1 中调试ASP的图文教程

VS2010安装教程与使用教程分享

MyEclipse9.0正式版的破解和激活方法(附注册机)

在C/C++语言中使用正则表达式

MyEclipse中配置struts2.2.1的方法

精品推荐
分类导航