eclipse中js代码自动提示
eclipse对js和html编写支持不好,js代码无法自动提示,写起来很麻烦,找了好久js相关的eclipse插件,最终确定了下面这个angularjs插件还可以用。
插件下载地址:http://oss.opensagres.fr/angularjs-eclipse/0.5.0/
知道如何安装的可以直接跳到插件使用方法
插件的安装
点击help -> install new software
打开如下界面,按如下步骤操作,其中Name可以随便起,Location就输入上面的插件地址。
add之后会列出可以下载的插件,全选之后一路next安装即可。
插件使用方法
安装完后,在项目上右键,进行如下图配置。网上有很多教程说可以选择“convert to angularjs project”,我测试了一下不行,只有选择“convert to tern project”才可以,当然,这个convert不是唯一的,不是说你“convert to tern project”后就不能“convert to angularjs project”了,这两个是可以同时存在的,但是想要有js提示,必须选上“convert to tern project”。
设置完上一步后,继续在自己的项目上右键,选“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提示了)。下一步是要为tern配置nodejs,如下图所示,想要配置的可以看下面的文章配置,这个文章里也有关于这个插件的详细使用,可以参考。这里就不详细写了。
https://www.cnblogs.com/liuning8023/archive/2016/03/28/5331001.html最后一步,项目右键 -> properties -> tern -> modules,确认所需要的模块是否已勾选,如果只是要js提示,只勾选browser即可,如果需要jquery提示则勾选上jquery。
上面配置都完成后,用eclipse自带的html和js编辑器打开html和js文件,就会发现有提示了。
后记:因为我只是想用这个插件的js提示功能,所以只进行了这方面的配置,其实这个插件应该是为了node和angular开发而写的,所以还有很多其他强大的功能,有需要的可以自己再研究。