Herramientas de desarrollo para Electron

A enero de 2021 no funciona win.toggleDevTools() del minuto 2:46.
Lo que tuve que hacer agregar :
webPreferences: {
devTools: true
}

al objeto BrowserWindow

luego activa devtools con

win.webContents.openDevTools()

En windows no se ejecutaba el script de lint debido a que no detectaba el ejecutable dentro de la variable de entorno PATH.

Lo solucioné instalándolo igual como dependencia de desarrollo, pero ejecutándolo con npx.

{
    "start": "set NODE_ENV=development&&electron ./src/main.js",
    "lint": "npx standard",
    "lint-fix": "npx standard --fix"
  }

De igual forma, algunos paquetes del vídeo están obsoletos. Por ello defino la variable NODE_ENV al iniciar mi aplicación, de esta forma puedo después iniciar las devTools únicamente si me encuentro en desarrollo:

  if (process.env.NODE_ENV === 'development') {
    // Open the DevTools.
    mainWindow.webContents.openDevTools()
  }

npm install --save-dev prettier pretty-quick

para que puedas corregir tu code en estructura

03/02/21 a mi si me funciona el win.toggleDevTools() , pero no logro instalar el devtron. De hecho sigo teniendo problemas a la hora de usar import y const require al mismo tiempo.

Revise la documentación oficial de devtron, al final de la misma esta la instalación https://www.electronjs.org/devtron pero tampoco sirvió para mi. Devtron se instala en node, pero no logro anexarlo al proyecto usando el require(‘devtron’).install() en la consola como indica. Me dice que require no existe.

Entonces lo solucione agregando nodeIntegration: true al webPreferences: { } de nuestro new BrowserWindow. Pero luego surge que no se instala correctamente, entonces seteamos ahí mismo el enableRemoteModule: true y listo. Y recién ahora aparece el error de que devtron esta algo obsoleto a pesar de que su web (https://www.electronjs.org/devtron) aparenta no estarlo:

(electron) 'BrowserWindow.getDevToolsExtensions' is deprecated and will be removed. Please use 'session.getAllExtensions' instead.
(electron) 'BrowserWindow.addDevToolsExtension' is deprecated and will be removed. Please use 'session.loadExtension' instead.

Investigue sobre esto y todos los resultados me hacen llegar al mismo lugar prácticamente, el cual sinceramente no entendí como solucionarlo.

En fin, lo reemplace con https://github.com/MarshallOfSound/electron-devtools-installer
aunque posiblemente no me sirva (veremos como continua el curso) donde el desafío más que aprender es repararlo XD

si llegaste a este vido con dudas de como hacer que te corra el el proyecto revisa

a este repo

devtron

standard

electron-debug

algunos comandos usados en el video quiza no sean los correctos por que estan desactualizados… en el link agregado en la descripcion del video esta la documentacion.
Les recomiendo leerla para saber especificamente como utilizarlo.