VS Code是微软日前推出的一款文本编辑器,
有关下载:https://code.visualstudio.com/Download
phpstudy是将Apache/Nginx、PHP、MySQ等等整合在一块的一个软件,为搭建软件开发、运行环境省去了汪洋繁琐的安装
连锁下载:http://www.phpstudy.net/download.html
推荐那两工具的说辞:免费的,嗯就是免费的!!!

一、环境及软件

1、macbook pro

2、Phpstorm

3、MAMP PRO

4、FireFox

 

下载VS Code之后共同点击下一步安装,然后打开大家VS Code主页
图片 1
新建一个php脚本(飞速键Ctrl+N),然后软件界面右下角,拔取PHP语言情势,输入几行php代码,不仅代码高亮突显而且还有智能提示,是还是不是有点略屌
图片 2
代码写完了本来是要让他运行起来,然后下载安装phpstudy,关于配置使用教程,推荐直接去官网http://www.phpstudy.net/
把刚刚写好的代码放入到phpstudy网站目录(WWW)下,然后打开浏览器输入地点
图片 3
不错,然后她就运行起来了,运行起来了!!!
即便有个警示,那都不首要,主要的是哪些通过VS Code调试PHP代码。
在phpstudy中曾经包括了php的调节和特性分析工具xdebug,通过phpstudy界面找到php相关设置
图片 4
开拓它,拉到文件最尾部
图片 5
接下来根据须要添加调试配置,关于配置表明https://xdebug.org/docs/;修改完,保存重启phpstudy,重新运行你要调节的网站

二、环境搭建

[XDebug]
xdebug.profiler_output_dir="C:\phpStudy\tmp\xdebug"
xdebug.trace_output_dir="C:\phpStudy\tmp\xdebug"
zend_extension="C:\phpStudy\php\php-5.4.45\ext\php_xdebug.dll"
xdebug.auto_trace= On
xdebug.collect_params= 4
xdebug.collect_return= On
xdebug.var_display_max_depth = 3
xdebug.trace_output_name = trace.%t.%p

1、PhpStorm导入项目

下载PhpStorm并安装,网上随便找个注册码即可破解,安装后打开界面选用ToolBar
→ VCS → Checkout from Version Control → Git,填写Git Repository
URL,选择连串存放目录,点击Clone完结代码拷贝。

图片 6
使用xdebug.auto_trace=
On生成的调试新闻会比较多所以一般可以应用xdebug.trace_enable_trigger =
On 在急需调剂的地点用xdebug_start_trace()和xdebug_stop_trace()包住

2、MAMP PRO配置Hosts

下载MAMP PRO并设置,网上随便找个注册码即可破解,安装后打开界面切换来MAMP
PRO的Hosts Tab,点击左下角的“+”号添加host,填写Server
name及挑选项目文件目录,就完事了host的配备

图片 7

<?php
echo  date("h:i:s");
echo  "<br/>";
xdebug_start_trace();
$cost=33.5;
$tax=20.0;

function calc_money($cost,$tax) {
    $total= $cost+$tax;
    return $total/2;
}
$total=calc_money($cost,$tax);
xdebug_stop_trace();
echo $total;

3、MAMP PRO配置Debugger

切换来PHP Tab,将Debugger项打上勾,打上勾,打上勾,主要的事务说一次(默许没打勾,我一起先没留意到这一个选项,导致弄了半天或者没搞定,就是因为遗忘那最重大的手续
T T),如下图所示

图片 8

 

本来那还没得了,由于xdebug协助远程调试,添加在php.ini中配备

4、修改php.ini文件中的配置

MAMP PRP → File → Edit Template → PHP → PHP 5.3.28
php.ini(与上图所选的php版本一样),打开文件后拉到最后可以看到[xdebug]的安排块

[xdebug]
MAMP_Xdebug_MAMP
 xdebug.remote_enable=1
 xdebug.remote_host=localhost
 xdebug.remote_port=9000
 xdebug.remote_autostart=1
 xdebug.idekey=”PHPSTORM”

追加一项xdebug.idekey=”PHPSTORM”,该配置跟之后PhpStorm中的配置有涉及,其余不须要修改,重启MAMP
PRO

xdebug.remote_enable = On
xdebug.remote_autostart = On

5、PhpStorm Xdebug端口及Server配置

Preferences(command+,)→ PHP → Debug → Xdebug → Debug
port修改为9000(一般默许就是9000,不需求修改,那配置项与php.ini中的xdebug.remote_port=9000保持一致)

图片 9

下一场点击右上方的倒三角Edit Configurations

图片 10

当您满面红光的打开VS
Code,准备打上断点,按下F5,却发现断点加不了,也无法F5运行调节
图片 11
那是应为VS Code默许没有添加PHP的调节环境,只需打开VS
Code扩张安装相关的PHP插件
开拓首页有个更简便易行的主意,省得一个个去下载
图片 12
图片 13

1)选择PHP Web Application,选择Server及Browser

图片 14

本来也不是顺风,VSCode提示你从未找到可进行的PHP,必要你安装PHP7并布署路径,当然绝不php7也得以,我一向用的phpstudy默许的版本php5
图片 15
今昔您曾经完成所有配置,翻开代码,打上断点,F5调节,切到浏览器,输入地方,你会意识程序运行顺遂的停在了断点的职位,!!!!!!!!!!!!期待已久!!!!!!!!!!!!
图片 16

2)添加server

图片 17

6、FireFox添加The easiest Xdebug插件

设置插件后安装IDE key = PHPSTORM 即与php.ini中xdebug.idekey=”PHPSTORM”保持一致

图片 18

7、调试

1)激活PhpStorm的“Start Listen for PHP Debug
Connections”按钮(右上角Debug区类似电话的图标,带灰色禁止小圆圈表示未激活,变绿表示正在监听)

2)设置断点

3)点击爬虫按钮起初debug状态

4)浏览器会开端弹窗等待调试回话,按F7便可逐行举行断点调试,再也不必要echo或者proint_r这样麻烦的打印调试了

图片 19

 

三、总结

1、端口号设置一定要一律

2、IDE Key 设置也必定要平等

3、就近年来自我的测试情状来看其实依然有一部分疑云:

1)php.ini中xdebug.remote_host=localhost不必要跟MAMP PRO
Hosts中的server name保持一致?

2)尽管Fire福克斯没添加The easiest
Xdebug插件也能够拓展断点调试,那这一个插件到底有何样用?