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),基本步骤如下:
- Window → Preferences → Spket → JavaScript Profiles → New ;
- 输入“ExtJS”点击OK;
- 选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”;
- 选择 “ExtJS”并点击“Add File”,然后在你的./ext-2.x/source目录中选取“ext.jsb” 文件;
- 设置新的ExtJS Profile,选中并点击“JavaScript Profiles” 对话框右手边的“Defalut”按钮;
- 重启Aptana;
- 创建新的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 cat Komodo Edit alog 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
。
我选择
Dreamweaver
从对应网站下载
SpketDWCS.mxp
进行安装时. 确保
Adobe Extension Manager CS3
装上.
启动Adobe Extension Manager CS3 导入
SpketDWCS.mxp. 并启用.
新建js文件. 输入图中代码.
参考: Vs2008 对Ext的支持.
http://extjs.com/forum/showthread.php?t=18751&highlight=2008