[史上最佳 Mac+PhpStorm+XAMPP+Xdebug 集成開發和斷點調試環境的配置]
(原文地址http://www.cnblogs.com/lishiyun19/p/4470086.html)
在上一篇 PHP 系列的文章《PHP 集成開發環境比較》中,我根據自己的親身體驗,非常簡略的介紹和對比了幾款常用的集成開發環境,就我個人而言,比較推崇 Zend Studio 和 PhpStorm,在隨手問過度娘和谷歌之后,我發現可以搜到很多 Windows 下介紹配置的版本,卻鮮有關于 Mac 下的配置信息,于是我決定自己寫一篇。
本文主要闡述在 Mac 下對 PhpStorm 開發環境和 Xdebug 調試環境的安裝與配置,由于 PhpStorm 不像 Zend 公司為 Zend Studio 那樣配套集成了很多開發部件,包括解釋器、調試器、虛擬機、服務器、開發框架等等。因此,配置 PhpStorm 開發環境相對較繁瑣,有很多需要注意的地方。本文非常系統和全面的介紹了整個開發和調試環境的配置,旨在希望能成為最優秀的 Mac 上配置 PHP 開發環境教程。
一、下載
PhpStorm 是 jetBrains 公司的收費產品,但對于學生和教師有免費版,另外,在天朝,收費根本不是事兒...
XAMPP 是一個免費的、跨平臺、多功能的軟件站集合包,主要包含最新的 Apache、MySQL、PHP、PERL 發行版本,這樣可以省去了很多關于選擇 MySQL 和 PHP 的編譯與配置選項的繁瑣,使得大家可以專注于編程。
二、安裝
至于安裝么,大家都是程序員,我想這個應該不需要我贅述了...
三、配置
安裝好 PhpStorm 后就要開始新建第一個項目了,和 IntelliJ IDEA 非常的相似,事實上,jetBrains 家族的集成開發環境都高度的相似,熟悉其中一個,就好比打通了任督二脈,再學習和使用起來就非常的方便了,好了,閑話不繼續扯了...
1、XAMPP 配置
1.1>添加 Xdebug 調試器
1)最新版本的 XAMPP 都默認自帶了 xdebug.so 模塊[位于 no-debug-non-zts-20131226 包中]。
2)打開 Applications/XAMPP/etc/php.ini 配置文件,在最末尾處加入以下內容。
[xdebug] zend_extension=/Applications/XAMPP/xamppfiles/lib/php/extensions/no-debug-non-zts-20131226/xdebug.so xdebug.remote_autostart=on xdebug.remote_enable=on xdebug.remote_enable=1 xdebug.remote_mode="req" xdebug.remote_log="/var/log/xdebug.log" xdebug.remote_host=localhost/127.0.0.1 xdebug.remote_port=9000 xdebug.remote_handler="dbgp" xdebug.idekey="PhpStorm"
1.2>設置完成后重啟 Apache,在瀏覽器中輸入 http://localhost/xampp/ 查看 phpinfo() 信息,這樣就完成了 PHP 調試器 Xdebug 的初始配置。
2、PHPStorm 配置
2.1> 開發環境的初始化
1)打開 PhpStorm->Create New Project->設置默認的路徑 /Applications/XAMPP/htdocs/ (個人建議就設置到 XAMPP 的這個默認路徑)->項目名稱。
2)新建一個 .php 文件并設置行號,右鍵單擊勾選。
3)設置 IDE 主題,推薦 Darcula 暗黑系列,眼睛長時間看著也不會感覺疲勞。
4)設置字體和文字大小,推薦 Monaco 和 Menlo 字體,在 Mac 上顯示的非常漂亮。
5)PHP 是解釋型動態語言,所以必須設置 PHP Interpreters 解釋器[位于 ../XAMPP/bin 目錄中],特別注意:由于受限于 PhpStorm 的內置的 PHP 版本,XAMPP 中的 PHP 版本不可過高,否則會出現無法識別 PHP Version 和 Debugger 的情況。
6)最后檢查一遍 PHP 的編碼風格是否適合你或者你的團隊,PHPDoc 提供了標準代碼注釋參考方式,有少量的定制化選項。
2.2> Xdebug 和服務器的配置
1) 打開 File>Settings>PHP>Servers,添加 Web Application Debug 服務器。
2) 打開 File>Settings>PHP>Debug,查看 Xdebug 配置信息,其中的 Debug port 是否是 9000 (其實就是看看是否和前面服務端 php.ini 里的 xdebug.remote_port 保持一致,或設置其他較大端口如:10000,只要二者相同即可)。
3)打開 File>Settings>PHP>Debug>DBGp Proxy 下,IDE key 可以隨便填寫如:PhpStorm,Host 可以設置為 localhost 或者 127.0.0.1,port 是指 HTTP 端口,默認是 80,當然可以隨意修改,把服務器的 HTTP 端口設置成一樣就成。
3、瀏覽器擴展配置
PHP 是強大的 Web 開發語言,假若沒有瀏覽器來進行聯合調試簡直就是笑話,一般來說,推薦大家使用 Chrome 瀏覽器和 Firefox 瀏覽器來進行開發(二者選一即可):
3.1>Chrome 下我推薦 JetBrains IDE Support 插件(俗稱 JB 大插件),官方開發的插件契合度自然非常的高,不需要配置即可直接使用,不需要刷新和運行即可實時顯示你編寫代碼的內容(主要是 html 標記語言),非常方便,強烈推薦使用。
3.2>Firefox 下我推薦 The easiest Xdebug 插件,在選項中設置 IDE key = PhpStorm (即與 DBGp Proxy 下設置的IDE key一樣即可),配置起來也不復雜。
四、調試
好了,對 Xdebug 和 PhpStorm 的配置現在可以告一段落,那么我們現在就開始來調試測試一番,看看上述的配置有沒有問題。
1)激活 PHPStorm IDE 的 "Start Listen for PHP Debug Connections" 按鈕(右上角 Debug 區類似電話的圖標,帶紅色禁止小圓圈標志表示未激活,變綠表示正在監聽中)。
2)設置斷點。
3)點擊爬蟲按鈕開始 debug 狀態。
4)瀏覽器會開始彈窗等待調試會話,按 F7 便可逐行進行斷點調試,再也不需要 echo 或者 print 這樣繁瑣的打印調試了。
五、總結
1)端口號設置一定要相同,如:Xdebug Port、HTTP Port。
2)IDE Key 設置也一定要相同。
3)有一點我也沒有弄清楚,就是 PhpStorm 在 debug 模式下生成的文件(在 /bin/debug 虛擬目錄中),總會提示要求做 path mappings,但其實項目的源文件就在 Web 的根目錄下,非 remote debug 模式無需做 path mappings,不知是什么原因一直 warning,十分不爽。
4)關于 PhpStorm 使用的快捷鍵、git/svn 版本控制、配置 FTP 服務等等使用技巧,因為目前本博各個系列文章剛剛起步,正在拼命撰寫當中,也許未來某天考慮寫一篇全程指南教程,先看看本文的反響如何再說吧。
5)對于 Unix/Linux 感興趣的程序員,我建議下載源代碼,自己來編譯安裝,加深對 Apache、PHP 和 MySQL 模塊的認識。