ExtJS入门知识进阶二

了解了关于ExtJS的相关知识后，下面就来着手在开发工具中开发了。

 

首先安装Eclipse开发插件-spket，主要作用是在开发工具中js文件的编辑器，在编辑js文件的时候会有自动提示的功能。

具体安装步骤如下：

 

1、将下载回来的文件解压，并将eclipse文件夹下面的两个文件夹复制你的eclipse目录下。
(如果使用的是myEclipse7.5或是8.0版本，可以将eclipse文件夹拷贝到Genuitec\MyEclipse 7.5\dropins目录下)
2、Window → Preferences → Spket → JavaScript Profiles → New ；
3、输入“ExtJS”点击OK；
4、选择“ExtJS” 并点击“Add Library”然后在下拉条中选取“ExtJS”；
5、选择 “ExtJS”并点击“Add File”，然后在你的Ext解压目录中选取“ext.jsb2” 文件；
6、设置缺省的Profile：选中ExtJS，并点击“JavaScript Profiles” 对话框右手边的“Defalut”按钮；

这样，你以后新建的.js文件，缺省都会使用spket的javascript编辑器来打开。
如果缺省不是由spket的javascript编辑器打开，那么在打开.js文件时，可以手工选择其打开
方式为 Spket Javascript Editor 即可。

 

其次在浏览器中安装插件， 这里推荐使用Firebug，它是一个Firefox插件,集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发JavaScript、CSS、HTML和Ajax的得力助手。更是我们这些ExtJs开发人员必备的一个工具.用它来监视 ExtJs的 post,get值非常方便.

 

安装及使用方法:
1,直接用Firefox打开以下地址:
https://addons.mozilla.org/zh-CN/firefox/search?q=firebug
如果您还没有安装Firefox,请先安装.下载地址:
http://www.mozilla.org.cn

2,点击Firebug旁边的图片.
3,点击安装,然后重新启动Firefox.

4,点击Firefox右下角蟑螂的图标.

5,启用 脚本(用于 JavaScript 调试) 选项即可.
(建议一并启用控制台(用于记录控制台日志))

如果通过在线方式（这种方式安装最新版本，推荐使用）安装不了，那么运行其中的firebug-1.5X.2.xpi即可