[史上最佳 Mac+PhpStorm+XAMPP+Xdebug 集成開發和斷點調試環境的配置]

[史上最佳 Mac+PhpStorm+XAMPP+Xdebug 集成開發和斷點調試環境的配置]
(原文地址http://www.cnblogs.com/lishiyun19/p/4470086.html)

在上一篇 PHP 系列的文章《PHP 集成開發環境比較》中,我根據自己的親身體驗,非常簡略的介紹和對比了幾款常用的集成開發環境,就我個人而言,比較推崇 Zend StudioPhpStorm,在隨手問過度娘和谷歌之后,我發現可以搜到很多 Windows 下介紹配置的版本,卻鮮有關于 Mac 下的配置信息,于是我決定自己寫一篇。
  本文主要闡述在 Mac 下對 PhpStorm 開發環境和 Xdebug 調試環境的安裝與配置,由于 PhpStorm 不像 Zend 公司為 Zend Studio 那樣配套集成了很多開發部件,包括解釋器、調試器、虛擬機、服務器、開發框架等等。因此,配置 PhpStorm 開發環境相對較繁瑣,有很多需要注意的地方。本文非常系統和全面的介紹了整個開發和調試環境的配置,旨在希望能成為最優秀的 Mac 上配置 PHP 開發環境教程。
一、下載
PhpStorm 是 jetBrains 公司的收費產品,但對于學生和教師有免費版,另外,在天朝,收費根本不是事兒...
  XAMPP 是一個免費的、跨平臺、多功能的軟件站集合包,主要包含最新的 ApacheMySQLPHPPERL 發行版本,這樣可以省去了很多關于選擇 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 模塊的認識。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,501評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,673評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,610評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,939評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,668評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,004評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,001評論 3 449
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,173評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,705評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,426評論 3 359
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,656評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,139評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,833評論 3 350
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,247評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,580評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,371評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,621評論 2 380

推薦閱讀更多精彩內容