73.VSCode + vue谷歌调试技巧

2019-10-16  本文已影响0人  yaoyao妖妖

用了3个月之后的webstorm我用默默的换回了vscode~~~

  1. // vue代码修改这两项是为了定位到具体的代码点
    文件夹config->index.js
    devtool: 'source-map',
    cacheBusting: false,
  1. vscode安装插件


    image.png

3.配置vscode


image.png
{
  "version": "0.2.0",
  "configurations": [{
    "type": "chrome",
    "request": "launch",
    "name": "Chrome 调试",
    "url": "http://localhost:8080",
    "webRoot": "${workspaceFolder}/src",
    "breakOnLoad": false,
    "sourceMapPathOverrides": {
      "webpack:///src/*": "${webRoot}/*"
    }
  }]
}

项目中打断点,然后点击上面那张图的绿色三角开始调试。

上一篇 下一篇

猜你喜欢

热点阅读