配置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這個指令來看:

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

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章