Proyecto vue de depuración de VSCode
Requisitos previos
Debe tener instalado el navegador Chrome y VS Code, y asegurarse de tener instalada la última versión de la extensión Debugger for Chrome en VS Code.
Antes de depurar los componentes de Vue desde VS Code, debe actualizar la configuración de su paquete web para crear mapas de origen, lo que le dará a nuestro depurador la oportunidad de asignar el código del archivo zip a su código fuente. Esto garantizará que pueda depurar dentro de una aplicación incluso si sus recursos están optimizados por webpack.
Abre config/index.js y busca el atributo devtool. Actualizado a:
Si está utilizando vue-cli3, debe configurar la propiedad devtool en vue.config. js:
Vaya a la vista del depurador, agregue la configuración del navegador Chrome y reemplace el contenido con lo siguiente
Establezca puntos de interrupción
La respuesta devuelve datos aquí
p>Iniciar la depuración
Abra esta aplicación usando el siguiente comando en la terminal
Vaya a la vista del depurador, seleccione la configuración "vuejs:chrome" y presione F5 o haga clic el botón verde de reproducción
Después de abrir una nueva instancia del navegador Chrome en http://localhost:8080, ahora debería alcanzarse su punto de interrupción.