I tried this with Vue and when I set a breakpoint in the App.vue it just says "unbound breakpoint" and will not pause the debugger. Does it work for you?
Note: There are currently issues with the sourcemaps generated by vue-cli, which cause issues with the debugging experience in VS Code. See github.com/vuejs/vue-loader/issues....
Debugging works for me, however I have to set breakpoints from the Chrome devtools, which is not the best experience.
I tried this with Vue and when I set a breakpoint in the App.vue it just says "unbound breakpoint" and will not pause the debugger. Does it work for you?
Sorry about that! It seems like a source map issue. I'm looking into it now.
It looks like there are some issues with debugging Vue.js in VS Code due to how Vue.js generates source maps.
There is a snippet about that here on the VS Code docs:
code.visualstudio.com/docs/nodejs/...
Debugging works for me, however I have to set breakpoints from the Chrome devtools, which is not the best experience.
You could also try this VS Code Vue.js debugging recipe:
github.com/Microsoft/vscode-recipe...
I've created an issue on our repository:
github.com/microsoft/vscode-azures...
Feel free to add more details/input on that issue.
I created a vue.config.js and put the following in it:
And it kind of worked, breakpoints worked but they would only be created at the end of methods. So definitely seems to be a source maps issue.
Thanks for the reply!