Debug Quasar Peroject inside Intellij

[darkscript]

Am trying to debug Quasar project and apply breakpoints in vue files inside Intellij. Any ideas how to will be appreciated

[s.molinari]

This might help you: https://blog.jetbrains.com/webstorm/2015/09/debugging-webpack-applications-in-webstorm/

Scott

[a47ae]

In the most recent version (2017) you just have to install the Chrome extension and set up a run/debug configuration with JavaScript Debug. This should get you debug for all the plain js files. But sadly I was not able to debug .vue files, even if I was able to set a breakpoint. I suspect, that the source mapping is not interpreted correctly by IntelliJ. The Visual Studio Code debug tool also has problems with .vue files.

[s.molinari]

I read there is a plug-in for Vue files, but I am not certain it deals with the debugger.

Scott

[a47ae]

Yeah, handling vue files work like a charm with the official plugin from JetBrains.
But I guess it’s a problem with the sourcemap vue-loader outputs. Because vue files consist not only of plain JavaScript, it is hard to make references to line numbers, I guess?