VSCode调试JS-免安装Node.js完整流程（必成功版）

适用版本1.116 [X亲测]一、先处理插件冲突最重要一步左边打开扩展面板CtrlShiftX搜索builtin JavaScript Debugger找到内置的 JavaScript Debugger右键 → 禁用 (Disable)确保JavaScript Debugger (Nightly)是启用状态重启 VSCode不做这一步断点会乱飞、连不上、2 秒自动跳过。二、只需要这两个插件JavaScript Debugger (Nightly)必须Microsoft Edge Tools for VS Code必须其他任何调试插件都不要装。三、文件结构test.htmtest.jstest.htm 内容script srctest.js/scripttest.js 内容function test() { debugger; let str 1234567890; console.log(str.slice(0, 3)); } test();四、launch.json 最终配置{ version: 0.2.0, configurations: [ { type: pwa-msedge, request: launch, name: Launch Edge, file: ${file}, webRoot: ${workspaceFolder}, usePreview: false, headless: false } ] }五、运行调试步骤打开test.htm按F5自动弹出真实 Edge 窗口断点稳稳停住不会飞可以F10 单步查看变量控制台输出六、修改代码后如何更新VSCode 里CtrlS 保存切到 Edge 窗口按F5 刷新运行最新代码七、报错 “旧调试会话” 怎么办关掉弹出的 Edge 窗口 → 再 F5 即可。最终一句话总结禁用内置调试器 → 启用 Nightly → 建 htmjs → 配置 launch.json → 打开 htm 按 F5 → 弹出 Edge → 断点稳停 → 改代码保存 浏览器刷新 → 完美调试。这套现在100% 完整、无坑、必成功。