eclipse对js和html编写支持不好,js代码无法自动提示,写起来很麻烦,找了好久js相关的eclipse插件,最终确定了下面这个angularjs插件还可以用。
插件下载地址:http://oss.opensagres.fr/angularjs-eclipse/0.5.0/
知道如何安装的可以直接跳到插件使用方法

插件的安装

点击help -> install new software

javascript代码提示 js代码提示插件_html


打开如下界面,按如下步骤操作,其中Name可以随便起,Location就输入上面的插件地址。

javascript代码提示 js代码提示插件_javascript代码提示_02

add之后会列出可以下载的插件,全选之后一路next安装即可。

javascript代码提示 js代码提示插件_eclipse_03

插件使用方法

安装完后,在项目上右键,进行如下图配置。网上有很多教程说可以选择“convert to angularjs project”,我测试了一下不行,只有选择“convert to tern project”才可以,当然,这个convert不是唯一的,不是说你“convert to tern project”后就不能“convert to angularjs project”了,这两个是可以同时存在的,但是想要有js提示,必须选上“convert to tern project”。

javascript代码提示 js代码提示插件_javascript代码提示_04

设置完上一步后,继续在自己的项目上右键,选“properties”,选择“project natures”,如下图所示,可以看到,刚才我们配置了“convert to tern project”和“convert to angularjs project”,“project natures”中出现了"tern nature"和“angularjs nature”,我的理解是上面的convert实际上是告诉eclipse我的项目是包含什么技术的项目(比如java, js, angular),这样eclipse就会找到相应插件进行代码提示和其他一些配置。所以上面的“convert to tern project”和“convert to angularjs project”是可以同时选的。

此时,如果你再在你的项目上右键进行上图的配置(configure)会发现没有“convert to tern project”和“convert to angularjs project”这两个选项了,再让这两个选项出现的方法就是删除下面的"tern nature"和“angularjs nature”即可(删除之后就又不能js提示了)。

javascript代码提示 js代码提示插件_eclipse_05

下一步是要为tern配置nodejs,如下图所示,想要配置的可以看下面的文章配置,这个文章里也有关于这个插件的详细使用,可以参考。这里就不详细写了。


javascript代码提示 js代码提示插件_eclipse_06

最后一步,项目右键 -> properties -> tern -> modules,确认所需要的模块是否已勾选,如果只是要js提示,只勾选browser即可,如果需要jquery提示则勾选上jquery。

javascript代码提示 js代码提示插件_html_07

上面配置都完成后,用eclipse自带的html和js编辑器打开html和js文件,就会发现有提示了。

javascript代码提示 js代码提示插件_javascript代码提示_08


后记:因为我只是想用这个插件的js提示功能,所以只进行了这方面的配置,其实这个插件应该是为了node和angular开发而写的,所以还有很多其他强大的功能,有需要的可以自己再研究。