一、ExtJS4.1安装与配置

1、首先，在官方网站下载http://www.sencha.com/products/extjs/，下载最新版本的ExtJS，下载之后将文件解压，如下图所示。

2、下载开发工具（主要是Javascript的智能提示）Spket，如果已经安装了Eclipse，则只需要下载Spket的Eclipse插件即可，下载地址http://www.spket.com/，下载直接解压，有两个文件夹（features和plugins），如下图所示：

3、将这两个文件夹（features和plugins）复制到Eclipse的安装目录下，如下图所示：

4、启动Eclipse，在主菜单上选择“Window——Preferences”，如下图所示：

5、在弹出的如下图所示“Preferences”窗口左侧选择“Spket——Javascript Profiles”：

6、在右侧点击“New…”按钮添加新的框架，在弹出的New Profile窗体中Name后输入“ExtJSP”（也可以自己选择其他的名称），如下图所示：

7、选择新添加的框架，然后点击右侧的“Add Library”按钮，如下图所示：

8、在弹出的Select Library窗口上选择ExtJS，如下图所示：

9、然后选择添加的ExtJS库，在右侧点击“Add Folder”按钮（注意：也有的是添加文件，添加build文件夹中的jsb2或jsb3文件），如下图所示：

10、在弹出的打开窗体上选择前面下载的ExtJS解压文件夹中builds文件夹（如路径\extjs-4.1.1\builds）如下图所示,然后选中ExtJS框架，在右侧点击“Default”按钮：

对于已经在Eclipse中添加的Javascript项目，可以通过在项目文件上点击右键，选择“Reload Javascript Profiles”菜单，如下图所示：

打开一个js文件后，即可出现智能提示，如果没有采用Javascript Editor来编辑，可以选择该文件，然后点击右键，在弹出的菜单上选择“Open With——Spket Javascript Edito”，如下图所示：