关于visual-studio-code:如何在vs-cdoe中debug-PHP中的js文件

后期筹备

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