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

1、安裝phpStudy

1.1、下載phpStudy

下載地址：www.xp.cn/
解壓后運(yùn)行exe進(jìn)行安裝，我的安裝目錄是：D:\phpstudy_pro

1.2、配置環(huán)境：

在桌面啟動(dòng)小皮進(jìn)行配置，我的配置如下：

首頁(yè)面板：?jiǎn)?dòng)"WNMP"

網(wǎng)站面板：PHP版本

環(huán)境面板：數(shù)據(jù)庫(kù)、PHP運(yùn)行環(huán)境

2、安裝PhpStorm2020

2.1、下載phpStudy

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

我使用的是缺省目錄進(jìn)行安裝，如何激活在這就不詳細(xì)說了。

2.1、配置PHP版本信息

我們點(diǎn)擊“File->Settings”菜單進(jìn)行PHP版本配置，使用和phpstudy對(duì)應(yīng)的版本PHP7.3.4。

注意：Interpreter默認(rèn)是沒有的，我們需要點(diǎn)擊右邊的按鈕進(jìn)行配置。

3、新建測(cè)試工程

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

第一步：打開PhpStorm軟件，點(diǎn)擊創(chuàng)建新項(xiàng)目，在輸入框填寫帶項(xiàng)目存放地址的項(xiàng)目名稱，完成后點(diǎn)擊創(chuàng)建。

3.2、配置工程的本地服務(wù)

我們點(diǎn)擊“工具/部署/配置”菜單進(jìn)行本地服務(wù)配置

點(diǎn)擊確定后進(jìn)行具體配置：
Connection面板：配置部署目錄

Mappings面板：配置相對(duì)目錄和訪問地址

配置完之后點(diǎn)擊“確定”。

3.3、配置運(yùn)行環(huán)境

我們點(diǎn)擊“運(yùn)行/編輯配置”菜單進(jìn)行運(yùn)行環(huán)境配置

3.4、創(chuàng)建PHP文件

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

輸入文件的名稱，點(diǎn)擊確定增加PHP文件

在新建的文件里輸入代碼：

<?php
echo "Hello PHP!"; // 在頁(yè)面上輸出“Hello PHP!”
phpinfo();     // 調(diào)用PHP內(nèi)置的函數(shù)顯示PHP的基本信息

3.5、部署工程

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

上傳成功后，下方控制臺(tái)顯示上傳的具體信息：

我們?cè)趐hpstudy的www/HelloPHP目錄下可以找到剛才上傳的Index.php文件

3.6、運(yùn)行Hello PHP

點(diǎn)擊頁(yè)面中懸浮的瀏覽器運(yùn)行頁(yè)面

我們來看看效果：

到這，我們完成了PHPStudy+PHPStorm配置和HelloPHP的運(yùn)行,但是到目前為止PHPStorm只是承擔(dān)了編輯器和部署的功能，沒法直接調(diào)試，下面我們就來完成在PHPStorm進(jìn)行單步調(diào)試。

4、調(diào)試Hello PHP

4.1、瀏覽器和插件

1）瀏覽器我們使用chrome，下載地址：https://www.google.com/chrome/；
2）配合chrome的插件我們使用xdebug，安裝完成在瀏覽器地址欄的右側(cè)能夠看到一只小爬蟲，點(diǎn)擊后如下圖所示：

我們選擇Debug，就會(huì)通知我們的開發(fā)環(huán)境進(jìn)行調(diào)試，選擇disable，就會(huì)直接運(yùn)行。
我們可以在xdebug helper中配置它，選擇phpstorm并且在右邊的框中填入phpstorm-xdebug。

到這里，我們可以phpstorm中設(shè)置斷點(diǎn)，然后使用瀏覽器的xdebug helper開啟頁(yè)面調(diào)試。

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	;設(shè)置的函數(shù)調(diào)用監(jiān)測(cè)信息的輸出路徑
;xdebug.profiler_enable=On	;效能監(jiān)測(cè)的設(shè)置開關(guān)
xdebug.profiler_enable = 1
xdebug.profiler_enable_trigger = 0
xdebug.profiler_output_dir="D:\phpstudy_pro\Extensions\tmp\xdebug"	;profiler_enable設(shè)置為1的時(shí)候，效能監(jiān)測(cè)信息寫入文件所在的目錄
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"	;生成的效能監(jiān)測(cè)文件的名字

4.3、在PhpStorm配置Debug：

1）選擇File->Settings->Languages&Frameworks->PHP>Debug，找到XDebug選項(xiàng)卡，Debug port 輸入的是剛剛php.ini配置文件當(dāng)中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中設(shè)定的Host、Port值，具體配置如下圖：

4.4、開啟XDebug調(diào)試

在phpStorm里打開監(jiān)聽，就是一個(gè)電話一樣的按鈕，點(diǎn)擊變?yōu)榫G色，在程序代碼點(diǎn)前點(diǎn)擊，設(shè)置程序段點(diǎn)，點(diǎn)擊綠色的debug爬蟲按鈕，chrome瀏覽器打開xdebug頁(yè)，phpStorm出現(xiàn)debug窗口，并獲取到variables值

5、錯(cuò)誤處理

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

原因1：
remote_port我們使用的是9090，默認(rèn)使用的是9000。由于9000端口會(huì)被nginx占用做代理，如果被占用，就會(huì)導(dǎo)致php無法調(diào)試。
原因2：
phpStudy集成XDebug擴(kuò)展，我們?cè)赑HP擴(kuò)展中選擇php_xdebug時(shí)會(huì)出現(xiàn)上述錯(cuò)誤，個(gè)人分析：可能是因?yàn)閜hp.ini中配置的zend_extension和選項(xiàng)有沖突。

到此這篇關(guān)于PhpStorm2020 + phpstudyV8 +XDebug的教程詳解的文章就介紹到這了,更多相關(guān)PhpStorm2020 phpstudyV8 XDebug內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論