围绕Ext JS 2.0的IDE、插件和工具 by Jack Slocum

   Ext 2.0的API包含许多的方法（函数）、属性和配置项，涵盖的面非常大，要全部列出几乎是不可能的。虽然API文档是童叟无欺精心打造的，但实际开发中，若果能够像其它语言Java和C#那样地支持JavaScript代码提示，那就更好啦。可喜的是，有若干的开发环境（IDE）和插件能够支持－－并且是直接支持Ext 2.0。

    Aptana Studio
    一谈到JavaScript的开发工具，就不得不提Aptana了。就我实际工作来说，每天都用它来完成Adobe AIR的工作。但是Aptana当前捆绑的Ext的版本有些旧（1.1的），下面就介绍一个插件的安装方法，让Aptana支持到2.0（由Markus Schmidleitner提供，用起来还不错）：

1.下载并安装Aptana Studio;
2.打开你的Aptana程序目录（我这儿是C:\Aptana），复制jar格式的文件到plugins目录；
3.重启Aptana；
4.进入Window -> Preferences -> Aptana -> Editors -> JavaScript -> Code Assist选择Ext 2.0（或要反选Ext.1.1）。

Aptana Studio with Ext 2.0 code assist

Spket Eclipse插件与IDE
    Spket IDE是目前支持Ext 2.0最为出色的IDE。 它采用.jsb project file 文件并将继承于基类和所有文档的内容嵌入到生成代码提示的Script doc中。
    由于Spket只是一个单纯的编辑器，没有其它格式的支持（如CSS），所以我的做法是用它的Eclipse插件形式，安装到Aptana。安装办法如下：

    1.下载安装Aptana Studio（包含有Eclipse）；
    2.启动Aptana并打开程序菜单到：Help → Software Updates → Find and Install… → Search for new features to install → New remote site…
    3.名称: “Spket”，地址URL是http://www.spket.com/update/
    4.重启Aptana；
    5.观看一下这个SketIDE的教程，看看Ext代码提示的功能有多省事（你可以修改/src/ext.jsb 保持最新版的Ext），基本步骤如下：

1. Window → Preferences → Spket → JavaScript Profiles → New ；
2. 输入“ExtJS”点击OK；
3. 选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”；
4. 选择 “ExtJS”并点击“Add File”，然后在你的./ext-2.x/source目录中选取“ext.jsb” 文件；
5. 设置新的ExtJS Profile，选中并点击“JavaScript Profiles” 对话框右手边的“Defalut”按钮；
6. 重启Aptana；
7. 创建新的JS文件并输入： Ext这样就可设置Ext Code代码自动完成的功能。

    由于你是在Aptana中安装插件的，Aptana还是你默认的JS编辑器，所以要试用Spket，你要在那个文件上选中“Open with”－> Spket JavaScript Editor 。

Spket in Aptana with full documentation and code assist

Komodo Edit
    Komodo Edit为众多格式文件提供支持，包括Perl、PHP、Python、Ruby和Tcl。亦支持浏览器方面的代码包括有JavaScript、CSS、HTML和XML。Windows、Mac Os和Linux平台都可用。
    安装Ext支持下的Komodo：

    1.下载和安装Komodo Edit；
    2.下载API catalog；
    3.进入Edit -> Preferences -> Code Intelligence 并选择位于“API Catalog”下方的按钮“Add an API catalog” ；
    4.选择刚才下载的ExtJS API catKomodo Editalog CIX 。

Komodo with Ext JS code intelligence

Dreamweaver
    对于Dreamweaver的用户，有两种可用的插件SpketDW(Dreamweaver 2004或新版)和SpketDWCS(Dreamweaver CS3)。两者都是Spket团队开发的(刚才提及的)，因此也同样精确和出色。另外Dreamweaver插件的一大特点是很好地支持配置项的代码提示。

 

Members code assist

 

 

Config option code assist

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

   要下载和安装，请浏览他们的站点。

其它的IDE
    还有其它的IDE,像由社区发起的正在工作着的IntelliJ和Visual Studio 2008。

总结
    当工作中需要到Ext 2.0，的确有一些工具能辅助你提升工作效率，这真的要比较一番（Check them out、check out、checkout...）。如果你也发现有其它更好的工具，不妨雁过留声，与我们分享。

评论

23 楼 zwangz 2008-04-24  

启动aptana后，javaw.exe占用内存很严重，动不动就吃掉400mb的内存。。。机器受不了啊。。。。。怎么办？

22 楼 sp42 2008-04-24  

andycui 写道

还是要手工写那些控件的组合方式，有没有可视化的IDE来拖放EXT组件阿，NETBEANS对SWING就支持的很好，界面拖放就行了，否则代码量还是很大。

建议extend组件或者plugins去制定自己的组件
代码量不大。

21 楼 andycui 2008-04-24  

还是要手工写那些控件的组合方式，有没有可视化的IDE来拖放EXT组件阿，NETBEANS对SWING就支持的很好，界面拖放就行了，否则代码量还是很大。

20 楼 rainlife 2008-03-28  

原来是翻译的EXTJS上面的文章啊，刚才也看到这篇英文文章，在这里已经有翻译了，不错。

19 楼 cesia1984 2008-03-18  

好帖子啊，非常感谢

18 楼 sp42 2008-03-17  

goodfifa07 写道

有没有支持eclipse的呢

朋友，上面介绍的很多都是基于eclipse平台开发的插件或RCP，如果没仔细看，就要打PP的哦

17 楼 goodfifa07 2008-03-13  

有没有支持eclipse的呢

16 楼 eivenchan 2008-03-11  

请问我安装了Spket后,弹出来的自动完成窗口没有Ext的Docs怎么办啊?

15 楼 kaki 2008-03-02  

http://www.spket.com/dreamweaver-extension.html

这个也不错

14 楼 orpheus 2008-02-28  

装入eclipse 之后也需要修改编码

13 楼 sp42 2008-02-23  

比较成熟的是parse你的API后，打包为一个插件。
自定义的类好像有时可以，成功率不高。

12 楼 gekie 2008-02-23  

自定义的类能自动完成吗？

11 楼 swordinhand 2008-02-19  

aptana不是免费的吗？要注册码干嘛？

10 楼 wzhelp 2008-02-19  

aptana 没有注册码

9 楼 jy00057800 2008-02-19  

aptana 和Spket 都没有注册码呀 有可以发我邮箱吗[e-mail]谢谢

8 楼 ThinkingInAll 2008-02-15  

我也很喜欢你做的资源管理器，能发一份代码给我研究研究吗？[e-mail]谢谢

7 楼 leongoodboy 2008-02-06  

好喜欢你用extjs做的仿资源管理器，能否发份源码给我学习一下，[e-mail]，感激！

6 楼 sunjohn 2008-02-05  

beckrabbit 写道

Spket 似乎没办法用utf-8啊 这样以前写的JS打开后很多乱码

选择 project 或者 file, 点鼠标右键，选 properties 菜单，在弹出窗口，选 Resource, 设置 Text file encoding 为 UTF-8 就 ok 了。

5 楼 jsnjlc 2008-02-03  

非常的感谢,但是我的eclipse却装不了spket,笔记本没有问题.曾经想解决在aptana中显示的问题,但是一直没有解决,这次谢谢楼主了,我回去试试.

4 楼 庄严 2008-02-03  

我安装了“SpketDWCS”，代码提示很好，如果能像“Spry"集成的那样就更好了。可以拖拽组件的。