掌握launch.json配置与变量跟踪技巧可显著提升开发效率。1. launch.json中program指定入口文件，args传递参数，env设置环境变量，console选择终端输出，stoponentry控制是否启动即暂停；2. 可配置多环境模式并快速切换；3. 调试时通过断点、悬停提示、watch面板监控表达式、call stack查看调用层级；4. 使用条件断点仅在满足条件时中断；5. attach模式通过--inspect或--inspect-brk连接已运行进程，实现热调试。合理运用这些功能使调试更精准高效。
VS Code 的调试功能强大且灵活，合理配置启动项并掌握变量跟踪技巧，能大幅提升开发效率。重点在于理解 launch.json 配置逻辑，并善用断点、数据提示和监视表达式等工具。
launch.json 启动配置详解
调试配置定义在项目根目录下的 .vscode/launch.json 文件中，用于控制程序如何启动和连接调试器。
- program：指定入口文件路径，通常使用 ${workspaceFolder} 变量动态定位项目根目录，例如 "${workspaceFolder}/app.js"
- args：传递命令行参数，比如 ["--port", "3000"]，适合测试不同运行场景
- env：设置环境变量，开发时可注入 API_KEY 或 NODE_ENV=development
- console：设为 "integratedTerminal" 可在终端中输出日志，便于查看原生打印信息
- stopOnEntry：设为 true 时程序启动即暂停，方便从第一行开始逐句调试
多个环境可通过配置多个 configuration 实现，比如分别设置“开发模式”和“测试模式”，通过下拉菜单快速切换。
高效变量跟踪技巧
调试过程中精准观察变量变化是排查问题的核心。VS Code 提供多种方式增强可见性。
- 在代码行号旁点击添加断点，程序运行到该行会自动暂停，此时左侧 VARIABLES 面板显示当前作用域所有变量
- 将鼠标悬停在变量上，会弹出其当前值，支持展开对象和数组结构，无需打断点也能快速查看
- 在 WATCH 面板中添加表达式，如 user.profile.name 或 arr.length，实时监控复杂值的变化
- 利用 Call Stack 查看函数调用层级，点击任一层可切换上下文，检查对应作用域的变量状态
条件断点特别实用：右键断点选择“编辑断点”，输入表达式如 count > 10，仅当条件满足时才中断，避免频繁手动继续。
调试器附加（Attach）模式应用
当程序已运行（如服务器或子进程），可用 attach 模式连接到现有进程进行调试。
- 配置 type 为 "node"，request 为 "attach"，设置 "port" 与启动时 --inspect 参数一致（默认 9229）
- 启动应用时加上 --inspect 标志，例如 node --inspect server.js
- 在 VS Code 中启动调试配置，即可连接并设置断点
对于无法重启的应用，还可使用 --inspect-brk 在首行暂停，确保有足够时间连接调试器。
基本上就这些。熟练掌握 launch.json 配置和变量观察手段，能让调试过程更精准高效。
