后期筹备
装置vscode和chrome
配置
CakePHP 3.6.1
PHP 7.4.10
js文件在<ProjectFolder>\webroot\js\里
步骤
1.在【拓展】里搜寻【debbuger for chrome】并装置
2.点击运行和调试面板,从开始调试隔壁的下拉菜单里抉择【增加配置】
3.在弹出来的面板中抉择第二个【Chrome:Attach】
4.在主动生成的配置文件中,批改port和webRoot属性
4.1其中,port端口改成php服务器的端口
4.2在原来的webroot属性后增加我的项目公开拜访门路(在cakePHP里是/webroot)
5.保留配置文件,抉择第二个配置文件,点击【开始调试】
vscode会主动调出chrome
6.在地址栏输出你要debug的页面,能够看见【调用堆栈】面板中有正在运行的【会话】(为什么这里是会话,我也不晓得...)
7.回到js文件,在想debug的中央增加断点breakpoint
8.函数运行到有断点的中央就会暂停,能够用vs code顶端的调试工具栏来实现单步调试和单步退出等性能
9.功败垂成,开始你的debug吧