vscode vue.js debugger for chrome调试问题

最新推荐文章于 2024-04-29 13:33:46 发布

xkxsxkx

最新推荐文章于 2024-04-29 13:33:46 发布

阅读量1.1k

点赞数

文章标签： chrome

本文链接：https://blog.csdn.net/qq_38836770/article/details/107217752

版权

在尝试使用debugger for chrome时，出现问题
connect econnrefused 127.0.0.1:9222
网上有的教程说使用前先关闭chrome的进程，再调试
但觉得这样好麻烦，那要怎么办呢

首先,按文档准备好环境
vue.js调试准备

这里只以chrome的配置进行说明
lauch.json配置文件中需要添加选项

添加runtimeExecutable用于说明chrome.exe文件的所在位置
添加userDataDir用于创建临时目录,专门保存调试过程产生的东西
如下图所示

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "vuejs: chrome",
      "url": "http://localhost:8080",
      "webRoot": "${workspaceFolder}/src",
      "runtimeExecutable": "D:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe",
      "breakOnLoad": true,
      "sourceMapPathOverrides": {
        "webpack:///src/*": "${webRoot}/*"
      }
    }
  ]
}