Instalar Electron y crear Hola Mundo

Windows

  1. Descargar nodejs
  2. npm install electron -g

Linux Mac

  1. sudo apt-get update
  2. sudo apt-get install nodejs
  3. sudo npm install electron -g  ( sudo npm install -g electron –unsafe-perm=true –allow-root )

Para todas las versiones, crear nuevo proyecto con electron

  1. ir a la carpeta donde queremos crear nuestra aplicación
  2. npm init
  3. npm install electron –save
  4. obtendremos un «package.json» y creamos «index.html» e «index.js»
  5. En index.js copiamos el código de más abajo y en index.html creamos una estructura básica de HTML
  6. arrancar aplicación => «electron .»

NOTA

Instalar e insertar «electron reload» para que el navegador se actualice de forma automática cada vez que hagamos cambios en nuestros ficheros.

HOT RELOAD

npm install electron-reload --save
require('electron-reload')(__dirname);

index.js


const {app, BrowserWindow} = require('electron')

let mainWindow

function createWindow () {
  mainWindow = new BrowserWindow({width: 800, height: 600})
  mainWindow.loadFile('index.html')
  mainWindow.on('closed', function () {
    mainWindow = null
  })
}

app.on('ready', createWindow)

app.on('window-all-closed', function () {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

app.on('activate', function () {
  if (mainWindow === null) {
    createWindow()
  }
})