回到技术博客

Vscode Debugger使用

目的:这是一个git subModule项目,目的是运行根目录下vue-core文件夹下的vite-vue项目

  1. 配置vscode调试配置文件(https://code.visualstudio.com/docs/editor/debugging#_launch-configurations
{
  // 使用 IntelliSense 了解相关属性。 
  // 悬停以查看现有属性的描述。
  // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "vue core",
      "url": "http://localhost:5173",
      "webRoot": "${workspaceFolder}/vue-core/vite-vue"
    }
  ]
}
  1. 断点调试

最终

[!CAUTION]

核心调试功能大多数和谷歌浏览器Sources面板一致,命令相关的异同如下:Ctrl + Shift + F5:刷新【谷歌浏览器是F5】F5:下一个断点【谷歌浏览器是F8】F9:切换断点状态F10:下一个断点【谷歌浏览器是F10 一致】F11:进入断点内部【谷歌浏览器是F9(F11) 一致】Shift + F11:跳出个断点【谷歌浏览器是Shift + F11 一致】

— 写于生活,留给未来 —

最后更新于 2025-11-06

树下留言

LET’S TALK

文字是一次相遇。很高兴听到你的声音。

评论加载中…