话说ext 2、ext的辅助利器

 

所谓工欲善其事，必先利其器。对于ext的开发也不例外，下面就介绍下ext开发时常用的工具。

1、      开发插件spket。

目前各种extjs的提示插件虽然比较多，但是spket相对来说是其中比较出色的一个，而且，不但支持eclipse，也支持VS、Dreamweaver等。支持提示javascript、XUL\XBL、Laszlo、SVG和Yahoo!Widget等，同时它的最新版本1.6.22支持ext4.x,支持jsb3，支持ext3.4等最新版本的ext。本次介绍使用的eclipse的plugIn1.6.22版本。

下载地址：http://www.spket.com/download.html

安装过程：

a)   在{eclipse.path}/links下新建spket.link文件，内容为：path= {spket.path}/spket-1.6.22, 其中spket.path指的是spket的存放路径。

b)   设置spket：

启动eclipse进入window -> preferences选项，然后查找spket菜单，然后安装如下图所示过程进行设置。

Spket 默认目录：

         

新建extjs

点击ok后，点击”Add Library”，选择extjs

选择ExtJS，点击”Add File”

在extjs4.1.0根目录下选择jsb2文件，这个文件官网没有提供，可以在地址：http://down.51cto.com/data/408038下载。

将”Ext All”选中后，选中extjs4.1，点击”Default”,然后点击ok，然后将js的打开方式设置为open with –> Spket JavaScript Editor即可。

2、      查看源代码工具FullSource。

Full Source 是一个IE的右键菜单，非常小巧，它的特性就是用来查看ext等js生成的html代码，IE默认查看源文件只能看到js文件，看不到生成的html代码，这个缺陷可以有FullSource解决，而且它非常小巧，只有2k。以下是安装过程：

下载地址： http://www.thundermain.com/fullsource.zip

解压缩后只有下面两个文件：

在FullSource.inf处点击右键进行安装，安装完成后，打开IE浏览器，既可看见FullSource选项。

3、      强悍的调试工具Firebug。

虽然现在IE也有调试工具，但是firefox的Firebug仍然是前台js开发人员的首选调试工具，可见其强大之处。对于firebug没什么说的，装上firefox(网址：http://www.firefox.com.cn/download/)后，搜索查询firebug插件并安装即可。

 

本文出自 “seven之家” 博客，转载请与作者联系！