如何在Eclipse下方便的编写JavaScript

来源:互联网 发布:美国高中数学知乎 编辑:程序博客网 时间:2024/04/16 15:44

    使用Eclipse编辑JS文件时,由于内置的编辑工具并不支持JS库文件的导入,也就没有智能提示或者自动完成的功能,这样非常不便于编辑JS文件,尤其是当工程有引入Ext或者Dojo等大型的js库。那么如何配置才能让Eclipse支持提示及完成的功能呢?可参考如下配置解决。

1.      下载Eclipse编辑JS文件的插件Jseclipse

可从http://www.interaktonline.com/Products/Eclipse/JSEclipse/Overview/下载

2.      通过Link方式或者直接把插件相关目录拷贝到Eclipse/plugins目录

具体如何安装Eclipse插件可参考网上相关介绍,注意设置好后需要重启Eclipse才会生效

3.      配置Eclipse,使JS文件默认打开方式为Jseclipse

参考下图,打开Windows/Preferences,展开左边General/Editors节点,选择File Associations,在右边面板找到*.js项目(如果不存在这个项目,则点击右上角添加),然后选择JSEclipse,再点击右下角的default按钮,设置JS文件默认打开方式为JSEclipse

4.      打开任何一JS文件,将出现JSEclipse菜单,然后点击Add Library

5.      在弹出的窗口中直接输入你需要导入的JS库文件,比如ext-all.js文件

注意这里一般是直接输入,因为如果点击Browser选择文件的话,由于默认只有xml文件,那么选择不到js文件,故直接输入

6.      点击OK,然后选择JSEclipse菜单下的Refresh code completion library,刷新配置

7.      检查是否创建了workspace/.metadata/.plugins/com.interaktonline.jseclipse目录,有创建则表示配置成功

8.      重新打开任一JS文件,输入相关对象可智能提示相关方法或者变量,如下图

原创粉丝点击