73.VSCode + vue谷歌调试技巧
2019-10-16 本文已影响0人
yaoyao妖妖
用了3个月之后的webstorm我用默默的换回了vscode~~~
- // vue代码修改这两项是为了定位到具体的代码点
文件夹config->index.js
devtool: 'source-map',
cacheBusting: false,
-
vscode安装插件
image.png
3.配置vscode
![](https://img.haomeiwen.com/i2154922/45be48884e440f8c.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}/*"
}
}]
}
项目中打断点,然后点击上面那张图的绿色三角开始调试。