¿Estás en 2026 y empiezas un proyecto nuevo? Este tutorial de Electron sigue siendo válido para entender la idea, pero hoy, para crear apps de escritorio con tecnología web, yo te recomiendo Tauri: pesa muchísimo menos, consume menos memoria y usa Rust por debajo en lugar de empaquetar un Chromium entero.
Si quieres dar el salto, te dejo por dónde seguir:
- Qué es Tauri y por qué usarlo — el primer capítulo de mi tutorial de Tauri desde cero.
- Tauri vs Electron: cuál elegir en 2026 — la comparativa honesta, con sus pros y sus contras.
- Y si quieres la guía completa en un solo sitio, mi libro Tauri 2.0: Aplicaciones de Escritorio con React y Rust.
Actualizado: junio 2026.
Luego desde la consola de comandos tenemos que situarnos dentro de la carpeta que acabamos de crear y escribimos el siguiente comando para iniciar la aplicación:
npm initNos va preguntando el nombre del paquete, la versión y otros datos de la aplicación y al final nos genera un archivo llamado package.json como nombre de paquete por defecto da el nombre de la carpeta que hemos creado, podemos cambiarlo si queremos.
El siguiente paso es instalar la última versión de electrón:
npm i electron@latestAhora vamos a crear en nuestra carpeta un archivo llamado index.js que como comentamos anteriormente será el punto de entrada de nuestra aplicación, y otro archivo index.html. En este momento nuestra carpeta holamundo tienes estos tres archivos:
Editamos index.js y escribimos el siguiente código:
const {app, BrowserWindow} = require('electron'); let win; function createWindow(){ win = new BrowserWindow({width : 500, height : 500 }); win.loadFile("index.html"); } app.on("ready", createWindow);Primero hemos importado app y BrowserWindow de electron:
const {app, BrowserWindow} = require('electron');
let win;
function createWindow(){
win = new BrowserWindow({width : 500, height : 500 });
win.loadFile("index.html");
}
app.on("ready", createWindow);
<!DOCTYPE html> <html> <head> <title>Hola Mundo</title> </head> <body> <h1>Hola mundo</h1> </body> </html>Ahora para ver el resultado ejecutamos nuestra aplicación ejecutamos el siguiente comando:
electron .
Por si no se aprecia bien el comando es electron seguido de un espacio y un punto.
Ya tenemos nuestra aplicación funcionando, ahora solo nos falta empaquetarla para crear el ejecutable.
[themoneytizer id=»21187-2″]
Para empaquetar la aplicación vamos a instalar electron-packager con el siguiente comando:
npm install -g electron-packagerAhora vamos a ejecutar npm install para instalar los módulos de nodejs y todas las dependencias:
npm installPor último para empaquetar ejecutamos:
electron-packager .Es importante indicar que se tiene que ejecutar en el sistema operativo del cual queremos obtener el ejecutable, si lo estás ejecutando en windows se habrá creado un carpeta llamada holamundo-win32-x64 dentro de nuestro proyecto, dentro de esta carpeta podrás encontrar entre otros archivos necesarios el archivo holamundo.exe que es el archivo ejecutable. Eso es todo por hoy, hemos una introducción rápida y sencilla a electrón.Un saludo, y si aún no lo has hecho no olvides suscribirte a mi blog para no perderte los próximos posts :-),
También puedes seguirme en Twitter en @revi_apps y no olvides que me ayudas mucho si compartes este post en las redes sociales.
Excelente, deespués de mucho buscar, encontré la mejor solución. Estos mismos son los archivos usados para la distribuición?
Gracias
Hola Eduardo, gracias por comentar.
El ejecutable que te genera lo puedes ejecutar y pasarselo a un cliente si es un proyecto de uso privado por ejemplo.
Si necesitas generar un instalador te dejo este enlace donde explican como generarlo por si te puede servir:
https://openwebinars.net/blog/tutorial-de-electron-distribuyendo-la-aplicacion-mediante-ejecutables-e-instaladores/
También tienes que tener en cuenta que si quieres distribuirlo necesitarás un certificado para firmar la app y el sistema operativo no marque como no-segura a tu aplicación.
Un saludo