配置ExtJS的开发调试环境

这里需要好好总结一下，折腾了两天弄这个开发环境。之前已经搭建过一套，但是人是而物非了，和之前还是有很多不一样的地方。这里要狠狠的mark一下。

 

• 开发工具 PDT（eclipse）+ Zend

下载一个省事的包 all-in-one 的PDT  http://downloads.zend.com/pdt/，包含了所有php开发环境。我这里是

安装的windows版本的PDT，如果直接去eclipse网站下载，再安装zend也是可以的，但是我比较懒！PDT的安装非常的简单，其实就是绿色版，不需要安装的。例如我就直接解压缩到D盘。从eclipse目录下拉一个快捷方式就可以了。

• ExtJS编辑器利器 spket

去spket下载一下最新版本的zip包，http://www.spket.com/ 解压后覆盖到你的eclipse目录就可以了，接下来就是配置。

打开eclipse，会提示要你设置一个工作目录，不用理他直接点击确定（这个以后都可以修改）。

菜单【windows】-【preference】如果你拷贝了spket就可以看到

点击【Spket】-【javascript profile】选择【new】输入:EXT

选中【EXT】点击【add library】选择【ExtJS】

选中【ExtJS】选择【add file】 从extjs最新版本目录中选择ext.jsb2

选择所有的复选框，因为我比较懒，它可以帮你很多的智能提示。

最后注意选择EXT 为默认的javascipt profile的设置。

那让我来测试一下spket，建立一个新的javascipt文件，选择右键菜单【open with】-【spket javascipt editor】请大家注意这个editor和默认的editor区别，我就犯了这个错误。结果死活出不了智能提示

用这个编辑器才能智能提示哦！

• 配置WAMP

下载和安装wamp的时候请注意php的版本，最新的wamp2.0i（php的版本是5.3.0）让我吃了不少苦头，死活找不到对应的zenddebugger.dll版本。后来我改用稍微久点的wamp2.0c （php的版本是5.2.6）才行。

把可以调试php 5.2.x的zenddebugger.dll拷贝到一个你觉得合适的目录，我的做法是在wamp安装目录下建立一个zend目录，把它拷贝到这里。

编辑php.ini文件，在文件的最后加上下面这几句话：

[zend]
zend_extension_ts="D:/wamp/zend/zenddebugger.dll"
zend_debugger.allow_hosts=127.0.0.1
zend_debugger.expose_remotely=always

 

配置中的"D:/wamp/zend/zenddebugger.dll"就是我刚才说的目录咯，别说我没说清楚。保存后重启wamp的所有服务，接下来我们来验证zenddebugger是否正确安装了。

通过phpinfo这个指令来看:

如果有圈的这些文字说明一切都搞定了。