Al hacer recientemente con las aplicaciones del lado de electrones, usando Vue, naturalmente requieren herramientas de depuración, que se describen en detalle a continuación sobre devtools Vue.js del electrón plug-in de instalación (entorno Windows)
-
Asegúrese de que Chrome navegador plug-in se ha instalado en Vue.js Devtools
extensiones abiertas
para ver si Vue.js Devtools extensiones instaladas plug-ins
Lo anterior es lo que he usado tanto Chrome plug-in de instalación. La primera versión de Chrome es ahora algunos importados de otras partes no directamente descargar plug-ins, se le pedirá [paquete no es válido: "CRX_HEADER_INVALID"], y luego usar algún método en línea después de extraer el plug-in, cargar extensiones sin envasar, el cual camino se puede ver la fuente de plug-in es la dirección de la descomprimido. La segunda manera está mirando está instalado desde la Chrome Web Store es, de hecho, https://pictureknow.com/ descargado desde el sitio web de plug-in Chrome, descargar el plug-in se puede importar directamente a esta solicitud de extensión sitio. Se recomienda que utilice esta manera, una información útil Además ID ver aquí, detrás de
-
Obtener devtools Vue.js posición de montaje en el ordenador
Instalado por encima de la forma recomendada para instalar Chrome plug-in de ubicación está en una posición en el interior, a continuación es mi camino
-
uso
BrowserWindow.addDevToolsExtension(extension)de la API
Este es el sitio oficial del electrón
BrowserWindow.addDevToolsExtension(extension)API en el uso, en definitiva, es usar la API, el único parámetro en la trayectoria de los principales main.js proceso de electrones para el plug-in, la cifra por encima de la trayectoria de introducción de nodo, los módulos del sistema operativo están diseñados para empalme get Vue.js Devtools el camino, y aquí me dirijo ruta absoluta (simple)
En dado este tiempo, BrowserWindow.addDevToolsExtension no es una función, no debe ser ah, API web oficial ofrece no una función no debe ser, ah, entonces mirar hacia atrás documentos:
A continuación, cambiar su ubicación llamada a la API:
app.on (createWindow, 'listo') Instrucciones de monitorear app.readey activadores de eventos una llamada para crear un evento de ventana, a continuación, vamos a escribir en el método createWindow BrowserWindow.addDevToolsExtension, y vuelva a intentarlo:
Éxito! ! !
- Resumen
Si el navegador Chrome no Vue Devtools plug-in instalado, vaya https://pictureknow.com/ descargar e instalar
el Chrome instalado los plug-ins, los plug-ins para obtener la dirección, el BrowserWindow.addDevToolsExtension ( ' Aquí es un plug-dirección ') método escrito en la aplicación. después listo para realizar
los mejores deseos