后期筹备

装置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吧