VSCode通过launch.json配置调试，支持多语言；合理设置可提升效率。
VSCode调试功能强大，支持多种语言和运行环境。合理配置调试参数能大幅提升开发效率。核心配置文件是.vscode/launch.json，它定义了启动调试会话的方式。
launch.json 基本结构
在项目根目录的.vscode文件夹中创建launch.json，基本格式如下：
关键字段说明：
- name：调试配置的名称，出现在调试下拉菜单中
-
type：调试器类型，如
node、python、cppdbg等 -
request：请求类型，
launch表示启动程序，attach表示附加到已运行进程 - program：要运行的程序入口文件
- args：传递给程序的命令行参数
- env：设置环境变量
-
console：指定控制台行为，可选
integratedTerminal、internalConsole或externalTerminal
常见语言调试配置示例
不同语言需要对应扩展和配置方式。
Node.js 调试确保已安装Node.js调试器（通常内置）。配置示例：
Shopxp购物系统Html版
下载
一个经过完善设计的经典网上购物系统，适用于各种服务器环境的高效网上购物系统解决方案，shopxp购物系统Html版是我们首次推出的免费购物系统源码，完整可用。我们的系统是免费的不需要购买，该系统经过全面测试完整可用，如果碰到问题，先检查一下本地的配置或到官方网站提交问题求助。 网站管理地址：http://你的网址/admin/login.asp 用户名：admin 密 码：admin 提示：如果您
需安装Python扩展。使用debugpy进行调试：
需安装Debugger for Chrome扩展。配合本地服务器使用：
{ "name": "Launch Chrome", "type": "chrome", "request": "launch", "url": "http://localhost:3000", "webRoot": "${workspaceFolder}" }高级调试技巧
充分利用VSCode调试功能提升问题定位效率。
- 使用
preLaunchTask在调试前自动执行构建任务，例如编译TypeScript - 配置
postDebugTask在调试结束后执行清理操作 - 启用
autoAttachChildProcesses跟踪子进程（Node.js场景） - 结合
sourceMaps调试编译型语言或转译代码（如TypeScript） - 使用
skipFiles跳过第三方库代码，专注业务逻辑
断点与数据查看
点击编辑器行号左侧设置断点，支持条件断点和日志断点。
- 条件断点：右键断点 → 编辑断点，输入表达式（如
i === 10） - 日志断点：输出变量值而不中断执行，格式
Variable value: {variable} - 调试面板显示调用栈、作用域变量和监视表达式
- 可在WATCH面板添加表达式实时监控值变化
