MAC+XAMPP+PHPStorm+XDebug
在網上找了半天，花費了很長時間，總結了網上的內容，發現寫的都不是十分全面，這裏我寫了從頭到尾的配置過程。
下載並安裝XAMPP
首先先去官網下載：click here
ps:個人補充一點，由於我上來先安裝的是最新版本的導致我出現了許多問題，後來我嘗試更換成了php7.3版本的XAMPP使用。
下載並安裝PHPStorm
直接去官網下載並且安裝即可，注意如果你不是教育版或者企業版，則需要購買或者使用密鑰（自行查找吧）。 click here
配置XAMPP
安裝XMAPP之後，我們首先要配置一下conf文件.
添加上你的端口，這裏phpstorm默認使用的63342端口，因此我在配置文件中添加上了63342端口。
修改成你想要的主站文件夾地址，由於它默認需要你將寫好的文件放入到htdocs文件夾中，因此這裏我爲了方便自定義，我就修改了默認的主站地址。注意這裏寫的內容將會成爲你的localhost映射的地址，在後面phpstorm項目配置的時候要注意，這裏建議給一個比較大的文件範圍作爲默認的主站地址。
如果沒有權限的話，則將User 改成你自己的用戶名即可。
按照上述過程配置好之後，重啓以下apache就可以監聽對應端口了。至於MySQL的我暫時沒有到放在以後去寫了。
PHPStorm配置
首先是創建一個PHP項目，然後打開Preferences->Debugger設置一下端口號，這裏我們直接使用的默認63342的，如果你不使用默認的話，這裏修改了對應着conf配置文件也要修改。
然後打開Deployment設置部署事宜。
創建一個local or mounted folder，然後設置一下項目地址，以及啓動的網站，這裏如果不是默認80端口的話，都要添加上自己端口號。
點開映射部分，設置一下自己的映射，注意這裏之前在conf文件夾中設置了父級主站目錄，因此我們需要在Web Path一欄中設置一下詳細的目錄，並且在local path中添加上項目地址。具體如下：
配置完成之後一定要點一下那個小對勾，將該服務器設置爲默認服務器。
配置PHP
注意如果你是mac系統的話，則不需要使用xampp的php，可以直接使用你mac自導的php，在終端輸入php-version可以查看當前php的版本，然後你打開Preferences->-> Language -> PHP 來選擇你的解釋器，默認是沒有選擇的。
注意兩個欄的版本要一直，如果想要使用xampp中的php，則新建一個php，然後找到XAMPP/xamppfiles/bin/php-7.3.17來創建一個新的php。
配置XDebug
安裝xdebug擴展
- 查詢與當前環境匹配的 xdebug 版本 click here
- 進入bin文件夾，cd /Applications/XAMPP/bin
- sudo ./pecl search xdebug-2.x.x 這裏的版本號根據上面查找到的
- sudo ./pecl install xdebug-2.x.x 安裝
- 在etc文件夾中找到php.ini的最後添加如下內容
zend_extension=/Applications/XAMPP/xamppfiles/lib/php/extensions/no-debug-non-zts-20180731/xdebug.so ;該行內容在安裝完 xdebug 後，可從安裝結束語中獲取
xdebug.remote_enable = 1
xdebug.remote_host = 127.0.0.1
xdebug.remote_port = 9000
xdebug.idekey = PHPSTORM
xdebug.auto_start = 1
- 重啓apache服務器
配置PHP
打開Perference->Language->Debuger, 設置端口號爲9000
打開Perference->Language->Debuger->DBGp Proxy 配置代理信息
配置Server
創建PHP Web並進行配置
安裝Chrome插件
安裝Chrome xdebug 插件，並且配置爲debug模式 click here
PHPSTORM開啓監聽
綠色小電話！！！
運行
當你配置完成之後，創建一個php文件。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>id</title>
</head>
<body>
<?php
echo "hello world";
?>
</body>
</html>
單擊chrome運行即可以在瀏覽器中查看項目。
ps：補充一年，如果你想設置運行按鈕單擊直接顯示網頁的話，則添加一個PHP Web Page
