eclipse中应该怎样安装eclipse htmleditor

eclipse中应该安装eclipse htmleditor的步骤：

首先下载htmleditor所依赖的图形化编辑框架文件GEF，下载地址

http://www.eclipse.org/gef/downloads/index.php ，此处下载最新版GEF-ALL-3.8.1.zip.

接着下载htmleditor插件，地址在

http://sourceforge.jp/projects/amateras/releases/#16537

下载最新版本：tk.eclipse.plugin.htmleditor_2.2.0。

在D:\eclipse\dropins下新建文件夹GEF-ALL-3.8.1，将下载的GEF-ALL-3.8.1下的features和plugins文件夹解压到新建的文件夹里，再把下载的

tk.eclipse.plugin.htmleditor_2.2.0.jar文件放到D:\eclipse\dropins下，重启eclipse就可以了！

附：CSS样式表等的打开方式可能默认不是Eclipse HTML Editor，只需要在菜单栏里的Windows-Preferences-General-Editors-Files Associations里，找到相应的扩展名，在下面选择对应的编辑器，右边点Default就好了。

附：

Eclipse HTML编辑器插件主要提供以下功能：

- HTML/JSP/XML/CSS/DTD/JavaScript语法高亮

- HTML/JSP预览

- JSP/XML验证

- HTML标签，基于DTD的XML，以及JSP标签的内容输入补全

- HTML/JSP/XML创建向导

html适合开发环境。

跨平台移动开发实际上就是基于HTML5开发软件界面和主要的业务逻辑，因此一套完善的基于移动平台的HTML5开发环境是非常有必要的。这里我主要的关注点是以下：

Javascript和Jquery mobile的编辑器

HTML5的各个元素的Inspector

Javascript远程断点debug

移动平台Javascript开发模式

1）Javascript和Jquery mobile的编辑器

谈到Javascript的编辑器，市面上有很多，大家都有自己心仪的选择，我这里只是推荐三个我比较喜欢的：

aptana studio. Eclipse插件更新地址：http://download.aptana.com/studio3/plugin/install

Dreamweaver CS6. 官方地址：http://success.adobe.com/en/na/sem/products/dreamweaver.html

appMobi. 官方地址：http://www.appmobi.com/

aptana studio的优点在于比较轻量级，与Eclipse集成，并且代码自动完成和JS语法纠错做得非常好，整个风格类似于VI，比较极客一点：

Dreamweaver CS6算是最为强悍的HTML5的开发环境，并且是我所知道的唯一支持Jquery mobile所见即所得的开发工具（官方提供的在线编辑器除外），并且Javascript, CSS和HTML开发起来非常顺手，最大的缺陷就是要收费：

2）HTML5的各个元素的Inspector

如果放在桌面系统上浏览器，这样的工具是很多的，如firefox上的firebug，chrome上的开发者工具，IE上http watch和IE自带调试工具，但如果放在移动平台上，特别是基于phonegap这样内置的webview来开发，这样的工具就不是很普遍了。这里推荐一个phonegap官方所提到过的工具：weinre

weinre通过架一个server，把调试器和device连接起来，原理就多说，2.0之后就没看到Java的版本，因此只能通过NPM来安装，顺便提一下NPM是Nodejs的包管理工具，类似于Maven对于Java一样。安装Nodejs后就安装好了NPM。之后安装weinre非常简单：

npm install weinre -g

如果在windows平台上没加任何配置，weinre会安装在 C:\Users\***\AppData\Roaming\npm\node_modules\weinre\，然后启动server:

node path-to-weinre-node/weinre --boundHost -all- --httpPort 8082

这里用-all-是为了在0.0.0.0上打开端口8082，避免非本地无法远程请求这个端口，然后在要调试的页面里加上weinre的代理：

<script src="http://computer-ip:8082/target/target-script-min.js#anonymous"></script>

第一种方法:.直接解压下载的插件到和eclipse目录对应的plugins和features目录底下,重启eclipse就可以用了

第二种方法: 解压到任意目录下,然后在eclipse目录下建一个名叫links的文件夹,在里面建一个以.link结尾的文件(用来标示该插件),然后用记事本打开这个文件在里面写上path=你解压的插件的目录(比如说把插件解压到了D:\abc\里面,那么插件的目录应该是这样子的d:\abc\eclipse\plugins和d:\abc\eclipse\features,在写入文件时这样写path=d:\\abc,注意:1.路径里的'\'都要写成'\\',2.写入路径时,写到插件eclipse文件夹的上一层就行了),保存之后,重启eclipse就行了.(推荐用这种方法,卸的时候直接删就行了)

第三种方法:1.help--Install new software..

2.点add,如果是从网上直接安装就填写插件名称(自己定义)和插件网址,如果是本地的压缩包(.zip)或者jar文件,就点Archive..,选择压缩文件,如果是本地文件夹,就点local..,选择文件夹.

3.然后等他显示出插件的详细信息之后,如果不想让他检查更新(通常大的插件很费时间)就把左下角的....update....的那一项的勾去掉,如果需要检查更新的话直接点next>然后如果需要接受协议就点同意,一直下一步到完成,重启eclipse就行了.

---