sublime3 + chrome + xdebug調試php代碼

時間 2019-11-07

標籤 sublime3 sublime chrome xdebug 調試 php 代碼欄目 Chrome 简体版

原文原文鏈接

因爲phpstrom太吃內存，加上公司機器太過古董，因此放棄了phpstromIDE,轉而使用sublime3這個輕量級的編輯器。輕量的結構加上優美的插件包管理package controll造就了輕量且優美的sublime3IDE；固然sublime的調試功能仍是沒有phpstrom和zend studio強大，可是對我來講，已經夠用了。因爲網上資料大都不齊全，集成這個調試環境，花費了我大量時間，不過結果是好的，終於能夠用了。開心。下面就說說主要的集成流程：php

1.開啓php的xdebug擴展，編輯php.ini：

 
      zend_extension = "D:\xampphp\xamphp\php\ext\php_xdebug.dll" #你的xdebug擴展路徑
xdebug.remote_enable = on
xdebug.remote_handler = "dbgp"
xdebug.remote_host = "127.0.0.1" #主機地址
xdebug.remote_port = 10000 #默認填寫9000，若是端口衝突，請填寫9000以外的端口，好比10000 
     

2.安裝sublime的xdebug client插件

1）ctrl + shift + p 或者 prefenrences-->package control 打開插件管理控制檯

2）輸入install package,回車，再輸入xdebug client，回車

3.安裝chrome插件:Xdebug helper（不會裝請百度）。點擊chrome瀏覽器右上角的，甲殼蟲配置IDE key爲Other：sublime.debug。配置在localhost或者指定域名下顯示xdebug插件（chrome右上角的甲殼蟲）

4.在sublime中選擇Tools-----xdebug-----settting Usernginx

5.選擇project-----save project as-----保存爲一個文件。保存後，打開文件看到：（若是和下面的不同也沒關係，由於folder是xdebug斷點調試時自動生成的。第一次配置xdebug是沒有folder的）

{
　　"folders":
　　[
　　　　{
　　　　　　"path": "D:\\project"
　　　　}
　　],
　　"settings":
　　{
　　　　"xdebug":
　　　　{
　　　　　　"close_on_stop": true,
　　　　　　"path_mapping":{
　　　　　　},
　　　　　　"port": 10000,
　　　　　　"super_globals": true,
　　　　　　"url": ""
　　　　}
　　}
}

你要作的是要修改的是port（若是端口衝突）chrome

6.重啓sublime，重啓nginx或Apache，重啓chrome瀏覽器。瀏覽器

7.打開localhost下的（由於剛纔在chrome插件裏配置過localhost）的任何一個php文件，並把右上角的甲殼蟲點綠開啓調試。app

右鍵xdebug-----add/remove breakpoint。（添加斷點）編輯器

選擇tools-----xdebug------start debuggingurl

在chrome輸入這個php地址，斷點調試開始。spa

你能夠看到sublime在斷點處停了下來，還能夠顯示出當前的全部變量，常量等。插件

右鍵xdebug-----add/remove breakpoint。（添加斷點）debug

選擇tools-----xdebug------start debugging
在chrome輸入這個php地址，斷點調試開始。你能夠看到sublime在斷點處停了下來，還能夠顯示出當前的全部變量，常量等。