Depuración de Nuxt.js en Webstorm

Para depurar una aplicación Nuxt.js con webstorm:

• Configure devtool para que use eval-source-map. Devtool es un ajuste de webpack que controla el mapeo del código fuente:

  build: {
    /*
     ** You can extend webpack config here
     */
    extend(config, ctx) {
      // config.devtool = 'eval-source-map'
      if (ctx.isDev && ctx.isClient) {
        config.devtool = 'eval-source-map'
      }
    }
  }

• (Opcional) Sirva su aplicación añadiendo un destino de npm a Webstorm:

• Añada un destino para depurar su Javascript que apunte a la URL de su aplicación:

• Establezca su punto de interrupción e inicie la depuración.