Visual Studio Code調試PHP

canger 發布于2019-07-01 13:59 / 2812人閱讀

摘要：和，這兩個配置文檔中說的是設置為。主要感慨就是，文檔一定要找到官方文檔，然后提高英語閱讀水平，隨后再加上多多嘗試即可。

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

這兩天有點時間，花時間學習了一下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

在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 FilesPhpPHPTutorialphpphp-7.1.13-ntsextphp_xdebug-2.7.2-7.1-vc14-nts.dll"

修改好php.ini文件之后，別忘記重啟服務器，也就是phpStudy。

vsCode debug

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

"; 
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調試時候遇到的一些問題。主要感慨就是，文檔一定要找到官方文檔，然后提高英語閱讀水平，隨后再加上多多嘗試即可。另外就是有時候百度出來的答案，自己嘗試了經常會發現不好使~所以還是多多從官方文檔入手。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/31717.html

專為 Laravel 定制的 Visual Studio Code 編輯器

摘要：此擴展使用安裝在已打開的工作區文件夾內的庫。此擴展由開發，是一個與之間的調試適配器。它具有零依賴性，并可以極大程度地工作于任何規模的項目里。查看先前文件的拷貝或者將其與工作區版本或先前版本進行比較，查看編輯器里對活動行的更改。 showImg(https://segmentfault.com/img/remote/1460000018002818?w=1223&h=630); 嗨工匠...

Mertens 2019-07-01 11:16 評論0 收藏0
Top 10 JavaScript編輯器，你在用哪個？

摘要：在這個編輯器中，和是其中排名靠前的兩個。是一個免費的輕量級編輯器和，用于和開發。對于免費的代碼編輯器來說，是一個很好的選擇。可以安裝兩個命令行實用程序，用于從啟動編輯器，用于管理的軟件包。對于JavaScript程序員來說，目前有很多很棒的工具可供選擇。本文將會討論10個優秀的支持javascript，HTML5和CSS開發，并且可以使用Markdown進行文檔編寫的文本編輯器。為什...

zombieda 2019-08-21 11:45 評論0 收藏0
Visual Studio Code 斷點調試 Vue

摘要：個人還是更加習慣于斷點調試。這篇文章將介紹如何配置和來完成直接在斷點調試代碼并且在的調試窗口看到中相同的值。現在就可以在文件的代碼中打斷點進行調試了。很多人習慣在 Chrome 的調試窗口中調試 Vue 代碼，或者直接使用 console.log 來觀察變量值，這是非常痛苦的一件事，需要同時打開至少 3 個窗體。個人還是更加習慣于斷點調試。這篇文章將介紹如何配置 Visual S...

qpwoeiru96 2019-08-22 14:51 評論0 收藏0
實錄分享&視頻 | 微軟Visual Studio Code是這樣支持Docker的

摘要：分享嘉賓是來自微軟云計算事業部的高級軟件開發工程師劉鵬。是微軟開源的一款開發工具，它針對做了許多編譯和命令上的支持。今天主要向大家介紹一下微軟去年推出的一個，以及對的一些支持。年他加入微軟，從事開發的工作。本文是數人云分布式架構的開源組件大選Meetup的實錄分享。分享嘉賓是來自微軟云計算事業部的高級軟件開發工程師劉鵬。Visual Studio Code是微軟開源的一款開發工具，它...

leoperfect 2019-06-28 17:49 評論0 收藏0