VSCode调试Edge必须用pwa-chrome类型，因1.78+版本已将Edge调试合并入Chromium系列；需确保Edge已安装、本地服务运行、webRoot与sourceMapPathOverrides配置正确。
VSCode 调试 Edge 浏览器不需要额外装“Debugger for Edge”插件也能跑起来，但必须满足三个硬条件：Edge 已安装、本地服务已启动、launch.json 里用的是 pwa-chrome 类型而非 edge——因为 VSCode 官方早已把 Edge 调试能力合并进 Chromium 系列调试器，不认单独的 type: "edge"。
为什么 launch.json 里 type 必须写 pwa-chrome
VSCode 从 1.78 版本起就把 Edge 和 Chrome 的调试协议统一到 pwa-chrome 类型下。你写 "type": "edge" 或 "type": "chrome"，要么报错 Unknown debugger type，要么静默失败。这不是配置问题，是类型名已被废弃。
-
pwa-chrome是当前唯一受支持的浏览器调试类型，它兼容 Edge（基于 Chromium）、Chrome、WebView2 - 即使你只用 Edge，
launch.json中也必须写"type": "pwa-chrome" - 旧教程里出现的
edge类型配置，在 VSCode 1.80+ 上直接无效
Edge 浏览器没装或没运行，VSCode 就连不上
VSCode 不会帮你安装 Edge，也不会自动拉起一个“假”的 Edge 实例。它依赖系统已安装的 Edge 可执行文件来启动带调试端口的新进程。如果 Edge 没装，或者你删了默认安装路径（比如 Windows 上的 C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe），launch.json 里的 url 再对也没用。
- 检查 Edge 是否存在：在终端运行
msedge --version，有输出说明已安装 - 如果提示命令未找到，去 microsoft.com/edge 下载安装最新版 Edge（非 Beta/Dev 版更稳）
- 不要指望用“Edge WebView2 Runtime”替代完整 Edge——它不提供浏览器 UI 和完整调试协议支持
断点灰了？先确认这三件事
断点变为空心圆、点击无反应、F5 后直接跳过，90% 是以下某个环节断了链：
立即学习“前端免费学习笔记（深入）”；
- 本地服务没跑：
url写的是http://localhost:5173，但终端根本没执行npm run dev或vite -
webRoot指向错误：比如项目结构是src/App.tsx，但webRoot写成"${workspaceFolder}/dist"，VSCode 就找不到原始源码 - source map 路径没对上：Vite 默认生成的 sourcemap
sources字段是["webpack:///./src/main.ts"]，但sourceMapPathOverrides还按老套路写"webpack:///src/*"，得改成"webpack:///./src/*": "${webRoot}/src/*"
Firefox 调试不用装任何插件，但必须手动开远程调试
VSCode 1.80+ 彻底移除了对 Debugger for Firefox 插件的支持。现在唯一有效方式是启用 Firefox 自身的远程调试协议，再用 VSCode 内置的 JavaScript Debug Terminal 直连。
- 在 Firefox 地址栏输入
about:config→ 搜索devtools.debugger.remote-enabled→ 双击设为true - 不要配
launch.json，也不要用type: "firefox"——那会报错或无响应 - 打开目标页面后，按
Ctrl+Shift+P→ 输入Debug: Attach to Process→ 在弹出列表里选中你的 Firefox 标签页
真正卡住人的地方从来不是配置多复杂，而是 VSCode 不会告诉你“Edge 没装”或“sourcemap 路径写反了”，它只安静地让断点变灰。动手前先敲两行命令验证基础环境，比反复改 launch.json 有用得多。
