vscode 调试vue 如何不进入源码或者映射文件当中

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug Vue3 (Vite)",
      "type": "chrome",
      "request": "launch",
      "url": "http://localhost:5173", // Vite 默认端口
      "webRoot": "${workspaceFolder}/src",
      "sourceMapPathOverrides": {
        "webpack:///./src/*": "${webRoot}/*"
      },
      "userDataDir": "${workspaceFolder}/.vscode/chrome",
      "runtimeArgs": [
        "--remote-debugging-port=9222", // 改为 9222 避免与其他进程冲突
        "--disable-features=DialMediaRouteProvider",
        "--no-first-run",
        "--no-default-browser-check"
      ]
    }
  ]
}

修改为

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Debug Vue3 (Vite)",
      "type": "chrome",
      "request": "launch",
      "url": "http://localhost:5173",
      "webRoot": "${workspaceFolder}/src",
      "sourceMapPathOverrides": {
        "webpack:///./src/*": "${webRoot}/*"
      },
      "userDataDir": "${workspaceFolder}/.vscode/chrome",
      "runtimeArgs": [
        "--remote-debugging-port=9222",
        "--disable-features=DialMediaRouteProvider",
        "--no-first-run",
        "--no-default-browser-check"
      ],
      "justMyCode": true,
      "skipFiles": [
        "${workspaceFolder}/**/*.vue",
        "**/node_modules/**",
        "**/dist/**",
        "**/vendor/**",
        "**/vue/**",
        "**/vite/**"
      ]
    }
  ]
}

这个时候不管是单步还是逐步都不会跳转到你不熟悉的代码了,都是在自己项目文件当中进行跳转

你可能感兴趣的:(vscode,vue.js,ide)