网上关于myeclipse编写extjs有代码提示的文章不少,但是各种方法都不太一样,有些细节步骤描述不清楚,按照网上的步骤配完了也没有提示功能。这里我写一个已实现提示的配置步骤。总的来说就两步:1.安装spket插件、2.加载jsb文件。这些都来自spket官方。我的电脑环境为:windows7 64位、myeclipse-pro-2013-SR2a
一、安装spket插件
1.从这里http://www.spket.com/download.html下载Spket IDE,如下图:

2.安装java jdk 32位,注意,如果你是64位的操作系统也需要安装32位的jdk才行。
下载地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html

安装java jdk的步骤就不细说了,一直下一步就搞定。
3.安装刚才下载的spket IDE,你应该不会忘记放哪了吧。

点击下一步后需要选择eclipse plugin这一项,并且指定你的myeclipse安装目录,我是默认安装的,所以路径为下图,如果你也是默认安装的却找不到AppData这个目录,那么你需要显示所有隐藏文件才行。

点击下一步后,你可以看到如下图,这个默认就好,继续下一步

安装结束的界面如下图:

点击finish完成。
打开myeclipse,点击菜单Window--Preferences,看到spket设置项,就已经成功一半了。

二、加载配置文件
1.从spket官网下载jsb文件,我用的是extjs4.2版的,所以下载这个,你根据你的extjs版本下载相应的jsb文件吧

点击之后如果是打开一个网页代码的话,就用另存为的方式保存,反正就是要把它存成一个jsb文件。
我是extjs4.2版的,下载下来就是这么个文件

2.打开myeclipse,还是那个地方,Window--Preferences
展开spket,点击javascript profiles

点击右边的new,新建一个profile,命名为extjs4,这个无所谓取什么名字。

OK之后点击右边的Add Library,选择extjs,点击OK

将jsb文件放置到你已经有的extjs库文件的根目录,别说你没有下载extjs哦。


3.回到myeclipse,还是刚才的地方,点击Add File选择extjs根目录下的jsb文件,选完之后就像下面这样

最重要的一步,导致你无法提示的问题在这。点击extjs4,点击右边的Default

好了,设置结束,新建一个工程,新建一个js文件,右键用Spket Javascript Editor打开。

在onready方法里已经有提示了。

你可以把spket设置成默认的javascript编辑器,这个方法我就不重复了,网上都有。文章逻辑有点乱,希望能给你带来帮助。:)
相关推荐
首先,ExtJs4.2 API提供了大量的组件和功能,包括但不限于数据网格、图表、表单、布局、工具提示等,这些组件都是基于MVC(Model-View-Controller)设计模式构建的,使得代码结构清晰,易于维护。开发者可以通过API...
配合Eclipse或MyEclipse这样的IDE,`.jsb`文件能够提供一个便捷的开发环境,使得开发者可以专注于编写代码,而不是处理构建过程中的琐碎事务。`ext.jsb2`和`ext.jab3`可能是为了适应不同情况或版本的配置文件,用户...
- 配置代码提示和自动完成,包括设置库文件路径,例如ext-4.2.1.883.jsb2,这个文件提供了ExtJS 4.2.1的API定义,使得Spket能为ExtJS提供智能提示和代码检查。 **4. 使用Spket** 一旦安装和配置完毕,你可以在...
在本项目中,我们主要探讨如何使用Maven4MyEclipse搭建一个集成Struts2.3.4、Hibernate4.2.0和Spring3.1.2的SSH2(Struts2、Spring、Hibernate)项目,并结合ExtJS进行前端开发。这是一个经典的Java企业级应用架构,...
- 根据设计文档编写代码,实现系统的各项功能。 - 代码需要经过严格的测试,确保质量。 #### 4.2 运行结果 - 展示系统运行的实际效果,包括用户界面、功能演示等。 ### 第5章 测试 #### 5.1测试的任务及目标 - ...