Las nuevas versiones de Node.js vienen con windows-build-tools incluido asi que no es necesario instalarlo aparte
Introducción a Electron
Paso a paso para construi aplicaciones con Electron
¿Qué es Electron?
¿Cómo funciona Electron?
Herramientas necesarias
Comenzando con Electron
Creando nuestro proyecto
Nuestra primera ventana
Propiedades de una ventana de Electron
Comenzando con nuestro aplicativo
El frontend y Electron
Configurando nuestro frontend
Herramientas de desarrollo para Electron
Algunos frameworks recomendados
Construyendo el layout
Completar elementos del Layout
Agregando interacción a nuestra aplicación
JavaScript en el frontend
Selecciona imágenes
Buscar imágenes
Añadir filtros a la imagen
Comunicación entre procesos
Accesando recursos de la máquina
Leer archivos de directorios
Generar listas de imagenes
Refactor del proyecto
Usando el diálogo de guardar
Guardar imágenes en disco
Usando cajas de mensajes
Detectando errores
Interactuando con el sistema operativo
Organizando el código del proceso principal
Múltiples ventanas y comunicación entre ellas
Creando assets para una nueva ventana
Consideraciones para múltiples plataformas
Manejo de preferencias
Usuario y contraseña
Creando un Ãcono en la bandeja del sistema
Imprimiendo
Subir una imagen
Portapapeles con texto o imágenes
Emitiendo notificaciones
Agregando un Menú
Atajos
Protocolos personalizados
Generando un ejecutable para nuestra aplicación
A tener en cuenta para generar ejecutables
Configurando el entorno para construcción
Configurando el entorno para construcción 2
Personalizando nuestro ejecutable
Creando paquetes para distribuir nuestro aplicativo
Considerando instaladores para múltiples plataformas
Firmas digitales con Code Signing
Cierre del curso
Bonus
Integración continua
Escribiendo tests con Ava y Spectron
Desafios
Crear un filtro personalizado
Leer las imágenes ubicaciones remotas (Cloudup)
Previsualización de filtros
Crea una cuenta o inicia sesión
¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera
Creando nuestro proyecto
5/52Recursos
Creación del proyecto Platzipcs usando npm.
npm init
Recuerda que aunque puedes tener instalado Electron globalmente lo mas recomendado es instalarlo localmente para cada proyecto.
Aportes 10
Preguntas 1
Ordenar por:
no puedo iniciar electron por error pero no se como interpretarlo
la licencia que me dio la instalacion no es MIT es SCI, y lo demas esta igual, el error que me sale es este.
npm ERR! missing script: dev
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/roberto/.npm/_logs/2019-06-11T15_58_48_716Z-debug.log
Para usuarios de windows: http://cmder.net
Hola estimados, yo solucione el error de carga utilizando la terminal de windows y el Node.js de Windows, no me funcionó con el WSL. Use los comandos de la página de electron https://www.electronjs.org/docs/latest/tutorial/quick-start . Ojala les sea útil, saludos!
Su ayuda por favor, si alguien ve este comentario tuve el siguiente error.
/mnt/d/documentos/programacion/platzipics/node_modules/electron/dist/electron: error while loading shared libraries: libXcursor.so.1: cannot open shared object file: No such file or directory
npm ERR! code ELIFECYCLE
npm ERR! syscall spawn
npm ERR! file sh
npm ERR! errno ENOENT
npm ERR! [email protected] dev: electron index.js
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /home/regniek/.npm/_logs/2020-05-23T23_15_32_323Z-debug.log
Gracias
npm install electron --save-dev
con este comando no hay que cambiar donde dice DEV en minuto 2:50 lo hace solo.
npm install electron
npm init
Tengo este error, ¿Cómo puedo solucionarlo?
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.