一、PHP的代碼斷點調試
1、打開vscode的首選項設置，添加"php.validate.executablePath": "D:\\newXampp\\php\\php.exe",
注意：這里代表你php安裝的實際路徑，根據每個人的不同安裝位置有所不同。
2、vscode中安裝 php Debug這個插件並重新加載。
3、https://xdebug.org/wizard.php 打開這個官網輸入自己的phpinfo信息，得出我的xdebug下載文件及放置路徑！
4、打開php,int添加如下內容
[XDebug]
zend_extension = D:\phpStudy\PHPTutorial\php\php-7.0.12-nts\ext\php_xdebug-2.6.1-7.0-vc14-nts.dll
xdebug.remote_enable = 1
xdebug.remote_autostart = 1
xdebug.remote_handler=dbgp
xdebug.remote_mode=req
xdebug.romote_host=localhost
xdebug.remote_port=9000
注意：一定要添加前兩條，否則不能調試！！！
這樣，通過瀏覽器訪問相關的文件即可進入到斷點！
二、javascript代碼斷點調試
只要利用瀏覽器里面的source來進行js的現成斷點調試，可以進行逐步調試，也可以進行逐個斷點進行調試！
小結：要多用斷點調試代替 echo ，var_dump或者console.log進行調試！