Extraído de: https://blog.jetbrains.com/webstorm/2018/01/working-with-vue-js-in-webstorm/#comment-308241
Here are the exact instructions for using the WebStorm debugger while using the Webstorm Vue development plug-in:
If you don’t already have a run configuration: Edit Configuration
- Add New Configuration->NPM
- Name: start
- package.json: [take default which should be the path to this file in your project]
- Command: [take default, which is ‘run’]
- Script: start
Edit Configuration
- Name: debug
- Add New Configuration->Javascript Debug
- URL: http://localhost:8080
- Click OK
To actually debug:
- Run->Run->(choose the “start” configuration
- Then Run->Debug->choose the “debug” configuration
(The secret sauce is that both of these configurations need to be running at the same time.)
Cuando en la configuración de Javascript Debug te pide con qué navegador abrir la aplicación, hay que acordarse de poner chromium-browser y dándole a editar añadir los siguientes argumentos:
--ignore-certificate-errors --unsafely-treat-insecure-origin-as-secure=https://localhost:8080
(esto hará que chromium ignore que los certificados están autofirmados y registrará correctamente el service-worker)