VSCode插件与js代码调试的极简操作-VSCode-PHP中文网

code runner 一键运行 js 文件默认在 output 面板执行，支持 console.log 等纯输出操作；但不支持 readline、prompt() 等交互输入，需启用 code-runner.runinterminal: true 才能在集成终端中运行。

vscode插件与js代码调试的极简操作

Code Runner 一键运行 JS 文件，但别指望它能 readline

想快速验证一个 console.log 或数组方法？Code Runner 是最快路径。装好后按 Ctrl+Alt+N 或点右上角 ▶ 按钮，输出直接刷在 OUTPUT 面板的 Code Runner 标签页里。

但它不启动终端进程，所以以下代码会卡住或报错：

const readline = require('readline');<br>const rl = readline.createInterface({ input: process.stdin });

若需要交互输入，必须改配置：code-runner.runInTerminal 设为 true（在 VS Code 设置里搜这个 key）。

适合场景：纯输出类脚本、算法练习、小函数验证
不兼容：prompt()、process.stdin、依赖终端响应的 CLI 工具
注意：它默认用 node 执行，但不会读取项目根目录下的 .env 或 package.json 中的 type: "module"，ESM 导入会直接报错

Node.js 调试器必须有 launch.json，否则 F5 是摆设

VS Code 的调试功能不是“开箱即用”，F5 键没反应？大概率是缺 .vscode/launch.json。这个文件不是可选配置，是 Node.js 调试器的硬性依赖。

最简可用配置（放项目根目录下 .vscode/launch.json）：

Aria2 Json Rpc

通过 JSON‑RPC 2.0 与 aria2 下载管理器交互，使用自然语言命令管理下载、查询状态并控制任务。适用于 aria2、下载管理或种子操作。

下载

{<br>  "version": "0.2.0",<br>  "configurations": [<br>    {<br>      "type": "node",<br>      "request": "launch",<br>      "name": "Launch app.js",<br>      "program": "${workspaceFolder}/app.js",<br>      "console": "integratedTerminal"<br>    }<br>  ]<br>}

program 必须指向真实存在的 JS 文件路径，相对路径以 ${workspaceFolder} 为基准
console 设为 integratedTerminal 后，readline 和 process.argv 才能正常工作
如果项目用了 ESM（import 语法），需额外加 "runtimeArgs": ["--loader", "ts-node/esm"] 或确保 package.json 有 "type": "module"

Debugger for Chrome 不等于“随便点 F5 就能断点”

前端 JS 调试要走浏览器环境，Debugger for Chrome 插件只是桥梁，真正执行的是 Chrome 进程。它和 Live Server 是搭档关系，不是替代关系。

典型流程：

先用 Live Server 启服务（右下角点 Go Live，得到类似 http://127.0.0.1:5500 的地址）
再配 launch.json，关键字段是 "url": "http://127.0.0.1:5500" 和 "webRoot": "${workspaceFolder}"
断点只对已加载的脚本生效——比如 <script src="main.js"></script>，而不是直接写在 <script></script> 标签里的内联代码（除非开启 source map）