1. 程式人生 > >史上最佳 Mac+PhpStorm+XAMPP+Xdebug 整合開發和斷點除錯環境的配置

史上最佳 Mac+PhpStorm+XAMPP+Xdebug 整合開發和斷點除錯環境的配置

,我根據自己的親身體驗,非常簡略的介紹和對比了幾款常用的整合開發環境,就我個人而言,比較推崇  和 ,在隨手問過度娘和谷歌之後,我發現可以搜到很多 Windows 下介紹配置的版本,卻鮮有關於 Mac 下的配置資訊,於是我決定自己寫一篇。

  本文主要闡述在 Mac 下對 PhpStorm 開發環境和  除錯環境的安裝與配置,由於 PhpStorm 不像 Zend 公司為 Zend Studio 那樣配套集成了很多開發部件,包括直譯器、偵錯程式、虛擬機器、伺服器、開發框架等等。因此,配置 PhpStorm 開發環境相對較繁瑣,有很多需要注意的地方。本文非常系統和全面的介紹了整個開發和除錯環境的配置,旨在希望能成為最優秀的 Mac 上配置 PHP 開發環境教程。

一、下載

PhpStorm 是  公司的收費產品,但對於學生和教師有免費版,另外,在天朝,收費根本不是事兒...

  XAMPP 是一個免費的、跨平臺、多功能的軟體站集合包,主要包含最新的 、MySQLPHPPERL 發行版本,這樣可以省去了很多關於選擇 MySQL 和 PHP 的編譯與配置選項的繁瑣,使得大家可以專注於程式設計。

二、安裝

  至於安裝麼,大家都是程式設計師,我想這個應該不需要我贅述了...

三、配置

  安裝好 PhpStorm 後就要開始新建第一個專案了,和  非常的相似,事實上,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 的編碼風格是否適合你或者你的團隊, 提供了標準程式碼註釋參考方式,有少量的定製化選項。

    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 下我推薦  外掛(俗稱 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 模組的認識。