打開phpStorm,進入File>Settings>PHP(文件-設置-語言和框架-php),這裏要interpreter瀏覽,填D:\xampp\php\php.exe,自動識別版本。php
進入File>Settings>PHP>Servers,這裏要填寫服務器端的相關信息,name填localhost,html
,host填localhost,port填80,debugger選XDebug。圖7 是自定義的虛擬域名。chrome
進入File>Settings>PHP>Debug,看到XDebug選項卡,port填9000,其餘默認。圖8瀏覽器
進入File>Settings>PHP>Debug>DBGp Proxy,IDE key 填 PHPSTORM,host 填localhost,port填9000,點OK退出設置。圖9服務器
進入Run> Debug configurations,點+號,Server選填localhost,start url 是在http://localhost的基礎上再加上去,如加上 9999m,就造成http://localhost/9999m.框架
以圖中藍色地址爲參考, Browse 填chrome,點OK退出設置。phpstorm
點OK退出設置以後,phpstorm運行按鈕旁邊自動填充localhost,且運行按鈕由灰色被激活成爲綠色。若是start url填的是http://localhost,沒有填寫9999m,則當點擊phpstorm運行按鈕,瀏覽器進入默認地址http://localhost,沒辦法直接訪問http://localhost/9999m。post
chrome瀏覽器連接配置。找到對應的插件,chrome的爲phpstrom IDE Support chrome.crx,本身下載而後拖動文件到chrome設置>擴展程序。url
Chrome右上角增長了JB圖標即爲成功安裝插件。spa