73.VSCode + vue谷歌调试技巧

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

1. // vue代码修改这两项是为了定位到具体的代码点
   文件夹config->index.js

    devtool: 'source-map',
    cacheBusting: false,

2. 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}/*"
    }
  }]
}

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