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开发而写的,所以还有很多其他强大的功能,有需要的可以自己再研究。

  • 3
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Eclipse是一个非常强大的集成开发环境(IDE),可以用于开发各种类型的应用程序,包括网页前端开发。然而,Eclipse本身并没有原生支持HTML和JavaScript开发,所以我们需要安装一些插件来扩展它的功能。 首先,我们需要安装一个HTML插件,比如Eclipse Web Tools Platform(WTP)插件。这个插件提供了对HTML、CSS和JavaScript的编辑和调试功能,使我们能够更方便地编写和测试网页前端代码。 其次,为了在Eclipse更好地开发JavaScript,我们可以安装JavaScript开发工具(JSDT)插件。这个插件提供了语法高亮、代码提示、错误检查等功能,可以极大地提升我们开发JavaScript的效率。 另外,还有一些其他的常用插件可以用于网页前端开发,比如Eclipse Color Theme插件用于定制IDE的配色方案,Enhanced Class Decompiler插件用于反编译Java类文件等。 总之,Eclipse可以通过安装各种插件来扩展其功能,使之成为一款强大的网页前端开发工具。但是需要注意的是,随着Web开发的进一步发展,一些更专业、更适合网页前端开发的IDE如Visual Studio Code等也值得尝试。 ### 回答2: Eclipse HTML JS是一个在Eclipse开发环境使用的插件,它提供了对HTML和JavaScript的开发支持。通过安装和使用这个插件,开发人员可以更轻松地编写、调试和管理HTML和JavaScript代码。 首先,该插件为开发人员提供了HTML和JavaScript的代码编辑器。这个编辑器具有许多方便的功能,如代码补全、语法高亮、代码格式化等。开发人员可以通过这些功能更快捷地编写和编辑HTML和JavaScript代码,提高开发效率。 其次,该插件还提供了一些调试工具,使得调试HTML和JavaScript代码变得更加容易。开发人员可以在Eclipse设置断点,查看变量的值,单步调试等。这些工具可以帮助开发人员快速定位和解决代码的错误,提高代码质量。 此外,该插件还支持对HTML和JavaScript项目的管理。开发人员可以使用插件提供的项目管理工具,创建、导入、导出和删除项目。这些功能可以帮助开发人员更好地组织和管理项目,提高开发效率。 总之,Eclipse HTML JS插件为开发人员提供了便捷的HTML和JavaScript开发环境。通过该插件,开发人员可以更轻松地编写、调试和管理HTML和JavaScript代码,提高开发效率和代码质量。 ### 回答3: Eclipse是一个开源的集成开发环境(IDE),可用于多种编程语言,包括Java、C++、PHP等。对于前端开发人员来说,Eclipse也提供了一些插件,以方便我们在HTML和JavaScript开发的工作。 对于HTML开发,Eclipse提供了一些插件,如Web Tools Platform(WTP)和Web Development Tools(WDT)。这些插件提供了HTML代码编辑、语法检查、自动补全和代码提示等功能,使我们更加高效地编写HTML代码。 对于JavaScript开发,Eclipse同样提供了一些插件,如JavaScript Development Tools(JSDT)和Aptana Studio。这些插件允许我们编写、调试和测试JavaScript代码。它们提供了代码编辑器、错误检查、调试功能,以及许多其他有用的特性,帮助我们更好地开发JavaScript应用程序。 除了以上提到的插件,还有许多其他的Eclipse插件,可用于进一步增强我们的HTML和JavaScript开发经验。比如,CodeMix插件集成了许多前端开发工具,支持JavaScript框架、CSS编辑、React和Angular开发等。另外,Eclipse Color Theme插件允许我们自定义Eclipse编辑器的颜色主题,使编码界面更具个性化。 总结来说,Eclipse提供了许多插件来支持HTML和JavaScript开发。这些插件提供了代码编辑、错误检查、调试和代码提示等功能,使我们能够更高效、更方便地开发和调试我们的前端应用程序。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值