1、下載安裝Visual Studio Code
官網(wǎng)地址：https://code.visualstudio.com/
點(diǎn)擊下載鏈接進(jìn)行下載及安裝闻坚。
ps：Visual Studio Code擺脫了vs系列開發(fā)工具臃腫的特點(diǎn)棚辽，算是一款輕量級(jí)跨平臺(tái)的良心作品。
2赤套、下載安裝XAMPP
XAMPP是一個(gè)功能強(qiáng)大的建站集成軟件包飘痛，安裝后即直接集成了Apache+MySQL+PHP+PERL等環(huán)境。
官網(wǎng)地址：https://www.apachefriends.org/zh_cn/download.html
建議選擇7.2.3版本容握，特別注意宣脉，沒有特殊需要不要選擇虛擬機(jī)版本“XAMPP-VM”，否則拷貝文件特別費(fèi)勁剔氏。
XAMPP使用可以參考XAMPP使用介紹 塑猖，實(shí)際上安裝后有可視化操作界面竹祷，打開玩一玩就知道如何使用了。
3羊苟、下載安裝xdebug
官網(wǎng)地址：https://xdebug.org/docs/install
注：一些低版本的XAMPP自帶xdebug塑陵，但是我驗(yàn)證7.x的版本沒有帶該功能，所以需要下載蜡励。
官網(wǎng)介紹了多種下載安裝方式令花，需要注意選擇合適的版本安裝，否則會(huì)有兼容性問(wèn)題凉倚。
這里采用brew進(jìn)行安裝兼都。
因?yàn)槲覀兺ㄟ^(guò)XAMPP工具包安裝的php版本為7.2.3，所以我們這里也要選擇下載對(duì)應(yīng)7.2.3版本的xdebug稽寒。
我們可以用如下命令先搜索xdebug版本扮碧。
brew search xdebug。注：沒有安裝brew要先安裝brew杏糙，安裝brew
從搜索結(jié)果中我們看到有一個(gè)php72-xdebug版本慎王，該版本與我們安裝的7.2.3php版本兼容，用如下命令安裝該版本宏侍。
brew install homebrew/php/php72-xdebug
安裝完成后會(huì)有一個(gè)安裝目錄輸出赖淤，將該目錄地址拷貝下來(lái)。
本人安裝的目錄為：/usr/local/Cellar/php72-xdebug/2.6.0
如果brew 無(wú)法安裝负芋，可以通過(guò)官網(wǎng)pecl install xdebug安裝漫蛔。
但是這里還有個(gè)坑，如果是mac系統(tǒng)默認(rèn)帶的php版本與xampp的php版本不一樣旧蛾，可能會(huì)出現(xiàn)問(wèn)題莽龟。
官網(wǎng)pecl install xdebug安裝的版本對(duì)應(yīng)的是系統(tǒng)的php版本，需要使用sudo /Applications/XAMPP/xamppfiles/bin/pecl install xdebug進(jìn)行安裝锨天。
如果這樣安裝不了可以去https://pecl.php.net/搜索xdebug毯盈，并查找相應(yīng)的版本下載下來(lái)，之后再執(zhí)行sudo /Applications/XAMPP/xamppfiles/bin/pecl install xdebug-2.9.8.tgz
通過(guò)xampp重啟webserver病袄，之后打開http://localhost/dashboard/phpinfo.php搂赋，搜索xdebug，查看是否安裝成功益缠。
4脑奠、配置php.ini文件
打開/Applications/XAMPP/xamppfiles/etc/php.ini文件，并在末尾添加如下代碼
[xdebug]
zend_extension=/usr/local/Cellar/php72-xdebug/2.6.0/xdebug.so
xdebug.remote_enable=on
xdebug.remote_handler=dbgp
xdebug.remote_host=127.0.0.1
xdebug.remote_port=9000
xdebug.remote_autostart=1
搜索zend_extension=opcache.so幅慌，確認(rèn)它是被注釋的宋欺，如：“;zend_extension=opcache.so”
使用XAMPP重啟web server服務(wù)。
打開http://localhost/dashboard/phpinfo.php，頁(yè)面搜索xdebug齿诞，會(huì)查到如下結(jié)果酸休，表明xdebug安裝配置成功。
5祷杈、配置vs code的php開發(fā)相關(guān)環(huán)境
5.1斑司、安裝php debug插件。如下圖所示但汞，在界面搜索php debug并安裝宿刮，安裝之后按提示點(diǎn)擊“重新加載”按鈕。
配置PHP安裝路徑
配置XDebug調(diào)試
點(diǎn)擊調(diào)試按鈕特占，默認(rèn)會(huì)有一個(gè)php環(huán)境的提示糙置，選擇會(huì)自動(dòng)生成如下配置信息
{
"name": "Listen for XDebug",
"type": "php",
"request": "launch",
"port": 9000
}
如果因?yàn)轫?xiàng)目路徑問(wèn)題沒有自動(dòng)生成，可以直接拷貝是目。
新建一個(gè)php文件，編輯并保存到/Applications/XAMPP/xamppfiles/htdocs/test.php标捺。
將/Applications/XAMPP/xamppfiles/htdocs拖入vs code中懊纳，并在test.php中增加斷點(diǎn)，點(diǎn)擊調(diào)試按鈕亡容，并在瀏覽器中打開http://localhost/test.php,可以看到vs code中已經(jīng)能斷點(diǎn)調(diào)試了嗤疯。為什么一定要拖入一個(gè)文件夾？因?yàn)関s code要求必須是文件夾才能調(diào)試闺兢。茂缚。
