获得 JSEclipse
如果尚未安装 Eclipse IDE,请立即安装,(本教程使用的是 Eclipse V3.5.0,因此如果遇到插件安装问题,则可以尝试安装该版本。
下一步是获得 JSEclipse 插件。完成该操作的最简单方法是使用 Eclipse 的内置更新系统:
创建新更新站点
新功能和插件托管在特定的更新站点中。Eclipse 安装中预先配置了这其中的一些站点,但是需要为 JSEclipse 添加一个新更新站点:
安装 JSEclipse
新站点就绪后,可以使用它安装 JSEclipse:
安装完成后,单击 Apply Changes。应当不必重新启动 Eclipse,但是如果 Eclipse 运行不正常,则最好重新启动。
现在 JSEclipse 已经安装,接下来需要进行配置。
配置 JSEclipse
使用 JSEclipse 插件可以让您很好地控制用户体验。要配置 JSEclipse,请选择 Window > Preferences > JSEclipse 打开首选项。
JSEclipse 首选项有四种。
General 首选项 这些是首选项,例如弹出自动完成下拉菜单需要等待的时间、是否执行错误报告以及是否突出显示当前变量的其他出现位置。 Syntax coloring 使用 JSEclipse 不但可以完全控制彩色编码内容,例如函数名、变量等,而且还可以完全控制哪个颜色代表哪个条目,以便可以更轻松地阅读,或者匹配现有颜色模式,比方说,来自另一个编辑器。 Templates 正如您将在 使用代码模板轻松编程:**数组 部分中看到的那样,JSEclipse 包括常用类型的代码模板,例如 for 循环、函数等。使用此模板可以激活或者取消激活现有模板,并且可以根据需要导入新模板。 Typing 使用 IDE 的优点之一是可以自动化完成诸如添加结束括号之类的任务。如果您觉得使用该功能会让自己变得懒惰,则可以在这里的首选项中关闭此功能。
接下来,需要设置 Eclipse 使用该插件。
将 JSEclipse 设为 JavaScript 编辑器
需要告诉 Eclipse 它有一个 JavaScript 文件的专用编辑器,这样它将不使用通用文本编辑器。
选择 Window > Preferences > General > Editors > File Associations。
高亮选中 *.js 文件扩展名,单击Default,确保 JSEclipse 是相关编辑器。
如果没有 *.js 扩展名,请单击顶部的 Add 按钮,然后将该扩展名添加到对话框中。
如果 *.js 扩展名没有用 JSEclipse 作为其默认编辑器,请单击底部的 Add 按钮。
选择 Internal Editors > JSEclipse HTML Editor 并单击 Add 将其设为默认值。
设置JSEclipse的智能提示
1、添加JSlibrary 。
安装JSEclipse完毕后,随便打开一个.js文件,这时Eclipse的菜单栏中会出现 JSEclipse 菜单.选择 Add library , 在 弹出的窗口中选择ext-all-debug.js所在的路径.输入 ext-all-debug.js(记住是输入,默认不能选择.js文件的.)
2、重新打开一个.js文件,你即可看到所有ExtJs的智能提示。