以下基于@vue/cli@3 操作配置。
vue.config.js 配置(没有在项目根目录手动增加一个)
module.exports = {
configureWebpack: {
devtool: 'source-map'
}
};
launch.json配置(按F5 start debugging没有的话,会自动增加一个文件,替换一下内容 )
{
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "vuejs: chrome",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}/src",
"breakOnLoad": true,
"sourceMapPathOverrides": {
"webpack:///src/*": "${webRoot}/*"
}
}
]
}
找段js代码打个断点
npm run serve成功后,vscode f5进入调试模式
可以参考官网:https://v2.cn.vuejs.org/v2/cookbook/debugging-in-vscode.html