Visual studio code 如何让VSCode使用Chrome进行调试

在调试会话中，让VS代码连接到Chrome的步骤是什么？

1）在VS代码中安装Chrome调试器

2） 关闭Chrome的所有会话，然后在调试模式下打开Chrome的实例。这可以通过两种方式之一实现。首先，编辑桌面上的快捷方式（属性，然后是目标），使Chrome以以下内容开头：“C:\Program Files（x86）\Google\Chrome\Application\Chrome.exe”--远程调试端口=9222（是的，如果Chrome的目录在地址中有空格，则需要双引号）。或者，您可以从VSCode中打开终端（我使用CMD.exe选项）并执行：“C:\Program Files（x86）\Google\Chrome\Application\Chrome.exe”--远程调试端口=9222

3） 不需要运行IIS Express

4） 从文件资源管理器复制网页路径并粘贴到Chrome的地址栏中。例如，将以下内容粘贴到Chrome的地址栏中：file://D:/Data/VSCode/iisstart.html

5） 打开launch.json。我使用一个非常简单的配置。使用Attach而不是Launch，可以让我在Chrome中保留我通常用于开发的所有扩展

    {
        "type": "chrome",
        "request": "attach",
        "name": "Attach to Chrome",
        "port": 9222,
    },

6） 单击“调试”选项卡中的“开始调试”按钮

7） 如果一切正常，您将看到调试菜单栏，其中连接图标位于VSCode屏幕顶部

这就是让VS代码进行调试所需要的