WNMP(Windows+Nginx+Mysql+Php)環境安裝操作：

1、安裝phpStudy

1.1、下載phpStudy

下載地址：www.xp.cn/
解壓後執行exe進行安裝，我的安裝目錄是：D:\phpstudy_pro

1.2、配置環境：

在桌面啟動小皮進行配置，我的配置如下：

首頁面板：啟動"WNMP"

網站面板：PHP版本

環境面板：資料庫、PHP執行環境

2、安裝PhpStorm2020

2.1、下載phpStudy

下載地址：https://blog.jetbrains.com/phpstorm/2020/03/phpstorm-2020-1-beta/

我使用的是預設目錄進行安裝，如何啟用在這就不詳細說了。

2.1、配置PHP版本資訊

我們點選“File->Settings”選單進行PHP版本配置，使用和phpstudy對應的版本PHP7.3.4。

注意：Interpreter預設是沒有的，我們需要點選右邊的按鈕進行配置。

3、新建測試工程

3.1、使用PhpStorm新建工程"HelloPHP"

第一步：開啟PhpStorm軟體，點選建立新專案，在輸入框填寫帶專案存放地址的專案名稱，完成後點選建立。

3.2、配置工程的本地服務

我們點選“工具/部署/配置”選單進行本地服務配置

點選確定後進行具體配置：
Connection面板：配置部署目錄

Mappings面板：配置相對目錄和訪問地址

配置完之後點選“確定”。

3.3、配置執行環境

我們點選“執行/編輯配置”選單進行執行環境配置

3.4、建立PHP檔案

選擇工程，單擊右鍵->New->PHP File

輸入檔案的名稱，點選確定增加PHP檔案

在新建的檔案裡輸入程式碼：

<?php
echo "Hello PHP!"; // 在頁面上輸出“Hello PHP!”
phpinfo();     // 呼叫PHP內建的函式顯示PHP的基本資訊

3.5、部署工程

在選單中選擇Tools->Deployment->Upload to localhost上傳工程。

上傳成功後，下方控制檯顯示上傳的具體資訊：

我們在phpstudy的www/HelloPHP目錄下可以找到剛才上傳的Index.php檔案

3.6、執行Hello PHP

點選頁面中懸浮的瀏覽器執行頁面

我們來看看效果：

到這，我們完成了PHPStudy+PHPStorm配置和HelloPHP的執行,但是到目前為止PHPStorm只是承擔了編輯器和部署的功能，沒法直接除錯，下面我們就來完成在PHPStorm進行單步除錯。

4、除錯Hello PHP

4.1、瀏覽器和外掛

1）瀏覽器我們使用chrome，下載地址：https://www.google.com/chrome/；
2）配合chrome的外掛我們使用xdebug，安裝完成在瀏覽器位址列的右側能夠看到一隻小爬蟲，點選後如下圖所示：

我們選擇Debug，就會通知我們的開發環境進行除錯，選擇disable，就會直接執行。
我們可以在xdebug helper中配置它，選擇phpstorm並且在右邊的框中填入phpstorm-xdebug。

到這裡，我們可以phpstorm中設定斷點，然後使用瀏覽器的xdebug helper開啟頁面除錯。

4.2、在php.ini檔案的末尾新增如下配置：

[Xdebug]
zend_extension=D:/phpstudy_pro/Extensions/php/php7.3.4nts/ext/php_xdebug.dll
xdebug.collect_params=1
xdebug.collect_return=1
xdebug.auto_trace=On
xdebug.trace_output_dir=D:/phpstudy_pro/Extensions/php_log/php7.3.4nts.xdebug.trace	;設定的函式呼叫監測資訊的輸出路徑
;xdebug.profiler_enable=On	;效能監測的設定開關
xdebug.profiler_enable = 1
xdebug.profiler_enable_trigger = 0
xdebug.profiler_output_dir="D:\phpstudy_pro\Extensions\tmp\xdebug"	;profiler_enable設定為1的時候，效能監測資訊寫入檔案所在的目錄
xdebug.remote_host = "localhost"
xdebug.remote_port=9090
xdebug.remote_handler="dbgp"
xdebug.profiler_append = 0
xdebug.remote_enable=On
xdebug.idekey=phpstorm-xdebug
xdebug.profiler_output_name ="cache.out.%t-%s"	;生成的效能監測檔案的名字

4.3、在PhpStorm配置Debug：

1）選擇File->Settings->Languages&Frameworks->PHP>Debug，找到XDebug選項卡，Debug port 輸入的是剛剛php.ini配置檔案當中xdebug.remote_port的值，具體配置如下圖：

2）選擇File->Settings->Languages&Frameworks->PHP->Debug->DBGp Proxy，
IED key輸入剛剛php.ini檔案中xdebug.idekey的值，Host、Port是File->Settings->Languages&Frameworks->PHP->Servers中設定的Host、Port值，具體配置如下圖：

4.4、開啟XDebug除錯

在phpStorm裡開啟監聽，就是一個電話一樣的按鈕，點選變為綠色，在程式程式碼點前點選，設定程式段點，點選綠色的debug爬蟲按鈕，chrome瀏覽器開啟xdebug頁，phpStorm出現debug視窗，並獲取到variables值

5、錯誤處理

5.1 PHP Warning: Xdebug MUST be loaded as a Zend extension in Unknown on line 0

原因1：
remote_port我們使用的是9090，預設使用的是9000。由於9000埠會被nginx佔用做代理，如果被佔用，就會導致php無法除錯。
原因2：
phpStudy整合XDebug擴充套件，我們在PHP擴充套件中選擇php_xdebug時會出現上述錯誤，個人分析：可能是因為php.ini中配置的zend_extension和選項有衝突。

到此這篇關於PhpStorm2020 + phpstudyV8 +XDebug的教程詳解的文章就介紹到這了,更多相關PhpStorm2020 phpstudyV8 XDebug內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！