VSCode版本要求:1.14及以上。

1. 环境配置:

2. 配置launch.json

  • 要创建launch.json文件,请在VSCode(文件 > 打开文件夹)中打开项目文件夹,然后单击调试视图顶部栏上的配置齿轮图标。

  • 点击图上操作,会生成launch.json ,位于.vscode工作区(项目根文件夹)或用户设置的工作区中。

launch.json中的url要设置成项目地址

3. 开始调试

  • 添加断点

  • 启动调试

4. 调试操作

调试会话启动后,调试工具栏将显示在编辑器的顶部。

  • 继续/暂停F5
  • 跳过F10
  • 进入F11
  • 跳出⇧F11
  • 重新启动⇧⌘F5
  • 停止⇧F5

5. 断点管理

可以在Debug视图断点部分中完成更精细的断点控制(启用/禁用/重新应用)。


  • 调试视图中的断点通常显示为红色圆圈。
  • 禁用的断点有一个填充的灰色圆圈。
  • 调试会话启动时,无法向调试器注册的断点将更改为灰色空心圆。如果在没有实时编辑支持的调试会话正在运行的情况下编辑源,则可能会发生相同的情况。