日期:2014-05-16 浏览次数:20459 次
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”,如下图所示: