Visual Studio Code調試PHP

本人微信公衆號： 前端修煉之路，歡迎關注。

這兩天有點時間，花時間學習了一下PHP基礎語法和語句。由於我的比較喜歡Visual Studio Code這款編輯器，因此學習我主要記錄一下使用VSCode學習PHP的遇到的一些問題。其中最主要的就是怎樣使用VSCode調試PHP代碼。

語法檢查和格式化

爲了更加規範的學習PHP，我決定使用一個插件。若是在VSCode中搜索php format插件，會有三個排名最靠上的插件。我嘗試了半天，其中PHP Intephense這個插件最好用。這個插件的評價是五星坪的，很容易跟另外的一個PHP IntelliSense弄混淆了。PHP IntelliSense這個插件的評價是三星，另外就是若是須要代碼格式化的話，還得組合使用 PHP CS Fixer，我配置了半天比較麻煩。並且不知道爲什麼，一直沒法格式化。

因此強烈推薦直接安裝PHP Intelephense。只要安裝了這個插件，代碼提示、語法檢查、格式化就都有了。

phpStudy

爲了更愉快的學習PHP，須要一套後臺集成環境，我這裏選擇的是PHP Study，光聽名字，我就知道適合本身了。:)

軟件的安裝和使用，就不記錄了。比較方便的是，PHP Study集成了Apache、Nginx、IIS服務器，而且集成了php5和php7，很是的適合開發和學習。

PHP Debug

在VSCode中搜索插件PHP Debug，將這個插件安裝到VSCode中。從這個插件的文檔中，能夠發現Installation，也就是說安裝的說明。由於不會PHP，再加上英語水平不是特別好，因此這個文檔看了很久，才弄明白。特此記錄一下。

• 安裝XDebug。先不要直接下載XDebug，文檔中有一行特別加粗的說明，必定要操做一下的。

I highly recommend you make a simple test.php file, put a phpinfo(); statement in there, then copy the output and paste it into the XDebug installation wizard. It will analyze it and give you tailored installation instructions for your environment.

上文提示就是說，強烈建議咱們建立一個test.php，建立一條語句phpinfo()，而後將獲得的信息粘貼到XDebug installation wizard這個頁面中。這個頁面會分析好你的PHP環境，已經須要安裝XDebug的步驟。

test.php

<?php
phpinfo();
?>

在test.php中建立如上內容，而後在瀏覽器中打開，會看到相似以下信息：

而後將頁面ctrl+a所有拷貝，粘貼到XDebug installation wizard這個頁面中。點擊頁面最下方的按鈕Analyse my phpinfo() output。會獲得相似以下的內容：

其中有4個步驟，照着作一下。第一個是下載xdebug；而後將文件移動到指定目錄；最後打開php.ini文件，將zend_extension添加上。而後照着文檔，添加xdebug.remote_enable和xdebug.remote_autostart。完整的代碼以下：

xdebug.remote_enable = 1
xdebug.remote_autostart = 1
zend_extension="D:\Program Files\Php\PHPTutorial\php\php-7.1.13-nts\ext\php_xdebug-2.7.2-7.1-vc14-nts.dll"

修改好php.ini文件以後，別忘記重啓服務器，也就是phpStudy。

vsCode debug

首先在phpStudy的PHPTutorial\WWW目錄之下，添加一個測試文件index.php。添加幾行測試代碼：

<?php
$x = 10;
echo "Hello PHP<br>"; 
echo $x;
?>

而後點擊vsCode的debug按鈕，或者ctrl+shift+d，開啓調試窗口。以下：

launch.json中，配置了須要監聽的xdebug的端口9000，直接使用默認的就好。

最後，只須要在代碼中設置斷點，而後刷新瀏覽器就能看見vscode進入斷點了。以下圖：

注意：我主要採坑的地方是在php.ini這個配置文件中。xdebug.remote_enable和xdebug.remote_autostart，這兩個配置文檔中說的是設置爲1。我設置以後常常會發現頁面沒法訪問。後來我找到xdebug的官網文檔，發現這兩個屬性也能夠是boolean，文檔看這裏：remote_enable。因此若是有時沒法訪問到頁面時，將值修改成true便可。

---

以上就是我配置VSCode的PHP調試時候遇到的一些問題。主要感慨就是，文檔必定要找到官方文檔，而後提升英語閱讀水平，隨後再加上多多嘗試便可。另外就是有時候百度出來的答案，本身嘗試了常常會發現很差使~因此仍是多多從官方文檔入手。