一般常用的是eclipse+pdt。我是直接下載的Eclipse for php :http://www.eclipse.org/downloads/packages/eclipse-php-developers/heliosr.它已經包含了pdt了，還有其他的一些插件。
（單獨安裝Eclipse + pdt。
pdt安裝：
在install new software 填入地址：
http://download.eclipse.org/releases/indigo
選擇之后，Eclipse已經開始幫我們去該地址尋找可供下載的插件了。這里提醒一點：這時候建議將電腦上的殺軟關掉，包括下一步的下載過程也是一樣，否則速度會異常的慢，經常會Time out。
過一會兒后界面如下，這些都是在Indigo上找到的插件，所以說Eclipse真的是異常強大。
在篩選框中輸入PHP，得到篩選結果，並勾選第一個
這里要勾選 Contact all update sites….. ，是因為 PDT 要依賴於 DLTK （ Dynamic Languages Toolkit ）和EMF （ Eclipse Modeling Framework ），勾選了之后 Eclipse 就能幫我們自動安裝了。
經過幾分鍾至十幾分鍾的等待（取決與你的網速以及有沒有聽我說的把殺軟關掉），安裝就完成了，提示是否要重啟Eclipse，點擊Restart Now。
重啟之后，Window->Open Perspective->Other…，選擇PHP視圖，點擊OK。
集成了PDT之后還需要對其在Eclipse中進行相關的配置。
1）Window->Preferences->PHP，
配置PHP運行程序（PHP->PHP Executables->Add）
填入名字，可隨意，建議填寫本機安裝的PHP版本號，填寫php.exe和php.ini的路徑，將PHP debugger選為XDebug（Zend Debugger原先是由Zend公司維護的，但現在貌似Zend公司已經將其集成到了自己旗下的一款產品Zend Server里，不再獨立維護，因此只支持到PHP5.2.6，不適用於現在的PHP5.4版本了），我的配置見下圖：
3）配置運行環境，PHP Executables->Execution Environment->php5.4，勾選左側你剛剛配置的PHP運行程序（這里可能要在上一步完成之后先OK一下把配置窗口關掉，再重新打開）。
4）選擇php版本
5）配置服務器
6）配置xdebug
debug使用：
右鍵->Debug As->PHP CLI Application，會詢問你是否打開Debug視圖，點擊Yes：
非常好的參考：http://pjdong1990.iteye.com/blog/1610305
編寫一個php文件，然后右鍵，run as php web page就可以運行了，默認是用的eclipse內置的瀏覽器，感覺一點都不好。習慣用外部瀏覽器打開，怎么設置呢？
eclipse中使用外部瀏覽器打開文件設置方法：
首先在Window->Preferences->General->Web Browser中設置即可。
eclipse調試
安裝XDebug：
Eclipse PDT並不直接提供調試器，你需要選擇Zend Debugger或者XDebug，可惜Zend Debugger依賴於一個收費的產品，所以我們選擇使用完全免費的XDebug。
把你的下載到的XDebug Windows Module ，下載地址：http://xdebug.org/download.php（比如php_xdebug-2.0.3-5.2.5.dll）放到PHP的extension目錄（比如C:\php5\ext）中去。
用文本編輯器打開PHP的配置文件php.ini（這個東東的路徑可以在Apache中配置，不過通常放到C:\Windows目錄下面），在文件最后添加下面的內容：
;載入Xdebug
zend_extension_ts="D:/php/ext/php_xdebug.dll"
;xdebug配置
[Xdebug]
;開啟自動跟蹤
xdebug.auto_trace = On
;開啟異常跟蹤
xdebug.show_exception_trace = On
;開啟遠程調試自動啟動
xdebug.remote_autostart = On
;開啟遠程調試
xdebug.remote_enable = On
;收集變量
xdebug.collect_vars = On
;收集返回值
xdebug.collect_return = On
;收集參數
xdebug.collect_params = On
如果你安裝了Zend Optimizer，那么你必須注釋掉相關的配置，因為Zend Optimizer和XDebug不兼容，如下所示：
[Zend]
; zend_extension_ts = "C:xamppphpzendOptimizerlibZendExtensionManager.dll"
; zend_extension_manager.optimizer_ts = "C:xamppphpzendOptimizerlibOptimizer"
; zend_optimizer.enable_loader = 0
; zend_optimizer.optimization_level=15
;zend_optimizer.license_path =
重啟你的Apache使PHP的新配置生效。編寫一個調用phpinfo()的簡單頁面，你應該在輸出的頁面中能夠看到XDebug相關的信息。
現在你的XDebug就安裝完成了。
配置
配置Eclipse
* 啟動Eclipse，輸入你在Apache中配置的目錄（比如D:\work\pdt）作為工作空間。
* 從主菜單打開"Window > Preferences > PHP"，
（下面的不清楚可以看圖：http://blog.csdn.net/this_capslock/article/details/12790447 ）
* 先選中"PHP Excutables"節點，在右面的面板點"Add"按鈕，在接下來的窗口中，"Name"隨便填，"Excutable Path"瀏覽到你的php.exe，PHP ini file瀏覽到你的php.ini文件，PHP Debugger選XDebug
* 選中"PHP Servers"節點，在右面的面板點"New"按鈕，在接下來的窗口中，"Name"隨便填，"URL"填你的工作空間的URL（比如http://localhost/pdt）
* 選中"Debug"節點，在右面的面板中，"PHP Debugger"選擇XDebug，"Server"選擇你剛才添加的那個PHP Server，"PHP Executable"也選擇你剛剛添加的那個
* 點"OK"，恭喜，配置完成了！
使用
切換到PHP透視圖(Perspective)，就是右上角，如果看不到PHP透視圖，那么點左面的小方塊，選"Other..."，在彈出的透視圖選擇對話框中選擇PHP。
菜單選擇"New > PHP Project"來創建一個PHP項目，然后菜單選擇"New > PHP File"來創建一個新PHP源文件，編寫一些簡單的代碼，我們來測試調試功能。我的測試代碼如下。
<?php
$a = 'hello';
$b = 'world';
echo "$a $b!";
?>
在上面代碼的第三行設置一個斷點，你可以右鍵點擊代碼左面的空白然后選擇"Toggle Breakpoints"來添加或刪除斷點，或者簡單的用Ctrl+Shift+B組合鍵。
首先我們把這個PHP文件當作普通的腳本來調試，而不是在瀏覽器中調試。
菜 單選擇"Run > Debug Configurations..."，彈出的窗口中左面雙擊"PHP Script"節點來創建一個新的PHP腳本啟動配置(Launch Configuration)，然后選中這個新建的配置（比如"New_configuration"），在右面的"PHP File"中瀏覽到要調試的PHP文件，點擊下面的"Debug"按鈕，調試開始了！
Eclipse會很快切換到另外一個透視圖"PHP Debug"，中間也許會詢問你一下是否要切換，點"OK"繼續即可。
PHP Debug透視圖的布局和PHP透視圖有很大不同，各種跟調試相關的子窗口（"View"一般翻譯成視圖，這里怕跟Perspective的翻譯透視圖搞混，就叫子窗口了）分布在四周。
下面是幾個大家常用的：
左上的Debug：這個窗口內是調用棧，能夠顯示當前停止位置的遞歸函數調用層次
中間的編輯器：這個不用說還是顯示代碼用，不過注意當前停止位置的代碼行左面會有一個小箭頭作為指示
左下的Console：控制台輸出，對於PHP Script，通常就是在這里輸出信息了，不過對於PHP Web頁面的調試，通常沒什么用
右上的Breakpoints：項目中所有的斷點，沒啥好說的
右上的Variables：和Breakpoints共用一個窗口，用上面的選項卡來切換。這個可是太有用了，顯示當前上下文中所有的全局和局部變量及其內容
右上的Expressions：和Breakpoints共用一個窗口，用上面的選項卡來切換。這個也很有用，可以輸入表達式來更方便的查看或計算變量內容
在PHP Debug透視圖中可以點擊Debug View中的圖標或用快捷鍵來進行單步跟蹤，比如：
F5: 單步跳入（可以跳入require()函數來跟蹤到別的PHP文件喲）
F6: 單步跳過
F7: 單步跳出（可以從被require()的文件內跳回調用者喲）
F8: 繼續執行（直到遇到下一個斷點）
Ctrl+R: 執行到光標所在行（除非遇到斷點）
下面我們把這個PHP文件當成Web頁面來在瀏覽器中調試。
菜 單選擇"Run > Debug Configurations..."，彈出的窗口中左面雙擊"PHP Web Page"節點來創建一個新的PHP Web頁面啟動配置，然后選中這個新建的配置（比如"New_configuration"），在右面的"File"中瀏覽到要調試的PHP文件，注意看 下面自動生成的URL是否匹配實際情況，如果不正確，點掉"Auto Generate"，手動輸入訪問這個PHP頁面的合法URL。
如果完全按照本攻略配置，應該是不用手動修改的。
點擊下面的"Debug"按鈕，調試再次開始了！而且，是你所關心的Web頁面調試！
Eclipse切換到"PHP Debug"透視圖，注意這次一個子窗口"Internal Web Browser"會自動打開，地址欄里就是你的調試目標頁面的URL。
不 過很不幸的，這里似乎有個Bug，不是每次都能打開這個"內部瀏覽器"的，有時候PDT會從外部打開一個IE窗口（或者遨游，火狐），這種情況下你就要到 那個窗口查看的PHP輸出了，不過還好，不影響我們使用。據我參考的老外的文章中提到的，只要你在Eclipse啟動之前預先打開一個IE窗口就可以確保 內部瀏覽器，我驗證了一下，似乎真的有效喲！
注意看Variables子窗口里面的內容，現在可以把環境變量和請求看的清清楚楚了，哈哈！
其它的方面和PHP腳本調試類似。
如果你想中止調試，似乎在調試PHP Web Page的情況下那個紅方塊不是總起作用，只要右鍵在Debug子窗口中點中那個樹形結構的根節點，然后選擇"Terminate"即可。
eclipse調試php：http://www.cnblogs.com/sayo/archive/2008/09/10/1288366.html
更多：http://hoarn.blog.51cto.com/1642678/1184441
http://www.searchtb.com/2010/12/using-xdebug-to-improve-performance.html
Eclipse javascript智能提示設置
在jsp頁面下, 讓eclipse完全支持HTML/JS/CSS智能提示
http://www.cnblogs.com/sayo/archive/2008/10/14/1310769.html
有三種Javascript編輯器可供選擇：
1. JSDT
2. JSEclipse
3. Spket
分別介紹這三種插件的安裝：
1. JSDT 是WPT自帶的插件
只要裝了WTP就不用單獨安裝JSDT了。也可以從這里了解JSDT的一些信息：http://wiki.eclipse.org/index.php/ATF/JSDT
2. JSEclipse
可以通過Eclipse自動更新功能從 http://download.macromedia.com/pub/labs/jseclipse/autoinstall 安裝JSEclipse:
如上圖所示，安裝打勾的JEclipse插件即可。
JEclipse是Javascript的編輯器，要想使用ExtJs，還需要下載這個文件，把所有xml文件解壓縮到你的Eclipse Workspace中目錄：
EclipseWorkspace/.metadata/.plugins/com.interaktonline.jseclipse/user_library
下面。然后重新啟動Eclipse就可以了。
3. Spket
通過Eclipse自動更新從 http://www.spket.com/update/ 安裝插件：
安裝完后進行ExtJs設置：
如上圖是設置好的樣子：
Window → Preferences → Spket → JavaScript Profiles → New ，在彈出對話框命名：ExtJs，點擊OK。然后選擇ExtJs點Add Library,把你下載的ext包中找到/source/ext.jsb加載進來。最后先選中ExtJs點擊右邊的default按鈕，使其成為缺省項。這樣就行了。
經過上述安裝設置，現在打開一個JS文件可以有多種方式了：
個人感覺JSEclilpse比較好用。
JSDT jQuery 自動完成功能設置
1. 安裝jsdt-jquery
菜單中menu - help - Eclipse Marketplace 搜索jsdt jquery 點install安裝
2. 設置jsdt-jquery，項目、屬性、javascript、includepath、add javascript
library, 選擇 jquery library。（可以支持到1.6）(工程要有JavaScript支持）。
3. 打開javascript editor。可以看到完成的jquery提示。（參考：