Ext JS 2.0的IDE、插件和工具 javascript
发布时间：2008-7-20
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），基本步骤如下：
- 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 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
[1] [2] 下一页
 [新手指南]ExtJS2.0开发与实践笔记[4]——Ext中的动画处理 (未知，08-19)在进行Javascript开发，有时会有一些动画效果的实现需要，这往往浪费了开发人员不必要的精力。而Ext开发小组则提供了Fx类集中处理了大部分常用的js动画特效，减少了我们自己手写代码的复杂度。下面我给出一个简单的实例代码，其中囊括了大部分的Ext动画效果：效果图如下：操作图片如下：Cartoon……
 [新手指南]ExtJs中解决IE的min-width问题 (佚名，08-06)当使用了ExtJs后，脚本documentElement.clientWidth得到的值是0，需要换成Ext.getBody().getWidth()来获得。 关于解决IE的min-width方法就可以这样写： //===========Style===============// #hxcy{ t……
[新手指南]Ext.data专题九：关于scope和createDelegate() (myext整理，04-11)关于scope和createDelegate()关于JavaScript中this的使用，这是一个由来已久的问题了。我们这里就不介绍它的发展历史了，只结合具体的例子，告诉大家可能会遇到什么问题，在遇到这些问题时EXT是如何解决的。在使用EXT时，最常碰到的就是使用Ajax回调函数时出现的问题，如下面……
[新手指南]Ext基础二：构成用户界面的元素 (myext整理，04-12)构成用户界面的元素（1） 在接触一个完整的Ext组件之前，我们先了解构成这些组件的元素Ext.Element。正所谓磨刀不误砍柴工，最初接触Ext时不要急于开始可视界面的开发，而是应该进行一些Ext.Element与页面DOM的练习。这样做的目的主要是理解Ext中最基础的部分--元素，同时也训练自己……
[新手指南]用 Ext JS 构建 Ajax 应用程序 (未知，08-17)Ext JS 是一种强大的 JavaScript™ 库，它通过使用可重用的对象和部件简化了 Asynchronous JavaScript + XML（Ajax）开发。本文介绍 Ext JS，概述它背后的面向对象 JavaScript 设计概念，解释如何使用 Ext JS 框架开发富因特……
|
