Aptana3+Spket+实现对ExtJs4.2的智能提示

时间:2023-01-19 08:07:11

工作了两年,接触的一直都是以收数据为中心的系统。所以一定要有一个足够强大的库,之前一直用的是我们老大哥俄罗斯的一个团队开发的js库Dhtmlx。用了将近两年,在一开始的dhtmlx2.0到现在的dhtmlx3.6,总结一下就一个字“爽”。相比ext,dhtmlx的效率应该会更高吧。但是随着ext4的出现,感觉到extjs4必将火一把。所以随着浪潮想研究一下extjs4。

其实本人比较鄙视代码智能提示这个功能,我感觉他剥夺了程序员思考的过程。但是听朋友说Aptana可以对extJs进行智能提示的功能,便想试一试。但是在网上找了挺多文章,介绍的方法都很不全面。下面我做一下详细的介绍吧。

需要的东东:

      1.在官网上下载完整的extJs库(当前版本为4.2.1)http://www.sencha.com/products/extjs/download/ext-js-4.2.1/2281

      2.spket插件(当前版本为1.6.23)http://www.agpad.com/downloads/spket-1.6.23.zip

      3.jsb for Ext JS 4.2.1(此文件找了许久,官网上给的不是最新版本,本人整理了一下) ext-4.2.1.883.jsb2下载

下面进行操作:

一、将下载的extJs库解压。然后将ext-4.2.1.883.jsb2文件放到extJs目录下。

Aptana3+Spket+实现对ExtJs4.2的智能提示

二、解压spket插件,并将插件文件存放到aptana安装目录的dropins文件夹中。

Aptana3+Spket+实现对ExtJs4.2的智能提示

三、打开aptana→window→preferences→spket→javascript Profiles

选择new

输入名称:ExtJS

点addLibrary

选择ExtJs

选择add File

 

此时选择jsb2文件。Aptana3+Spket+实现对ExtJs4.2的智能提示

四、这个是比较关键的一步,要将新建的ExtJs库设为默认。选择ExtJs,点击Default.

Aptana3+Spket+实现对ExtJs4.2的智能提示

此时大功告成了。插件安装完成。

但是下面还有一些注意事项,以免大家和我一样走了一些弯路。

例如我们新建了一个项目,然后新建一个test.js文件。在编辑面板中,却没有ext的提示,这是为什么呢?

Aptana3+Spket+实现对ExtJs4.2的智能提示

因为此时aptana默认的是用 JavaScript Source Editor进行打开。我们需要右键test.js---》Open With--->Spket JavaScript Editor 进行打开。

此时ext的提示就出现了。