S Code 中使用edge浏览器进行 TypeScript 项目的断点调试

如果你想在 VS Code 中使用 Edge 浏览器进行 TypeScript 项目的断点调试，可以使用 Edge 调试扩展。以下是具体步骤：

1. 确保已经安装了 TypeScript、VS Code 和 Edge 浏览器。

2. 在 VS Code 中打开 TypeScript 项目。

3. 在 Edge 浏览器中安装 `Microsoft Edge Debugger` 扩展。可以通过打开 Edge 扩展商店，搜索 `Microsoft Edge Debugger` 并安装。

4. 在项目根目录下创建一个 `launch.json` 文件。可以通过点击 VS Code 左侧的调试按钮，然后在弹出的面板中点击齿轮图标（打开“launch.json”）创建该文件。

5. 在 `launch.json` 文件中添加一个配置项，如下所示：

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Debug with Edge",
            "type": "edge",
            "request": "launch",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}",
            "sourceMaps": true,
            "sourceMapPathOverrides": {
                "webpack:///./src/*": "${webRoot}/src/*"
            }
        }
    ]
}

其中，`name` 是该配置项的名称，`type` 是调试的类型，`request` 是调试请求类型，`url` 是指定要调试的 URL 地址，`webRoot` 是指定项目根目录，`sourceMaps` 是指定是否使用源映射，`sourceMapPathOverrides` 是指定源映射路径覆盖。

6. 在 VS Code 中按 `F5` 或点击调试按钮，选择 `Debug with Edge` 配置项开始调试。

7. 在 Edge 浏览器中打开调试器（快捷键 F12），就可以在 VS Code 中设置的断点位置进行调试了。

以上就是在 VS Code 中使用 Edge 浏览器进行 TypeScript 项目的断点调试的步骤。