Crear un proyecto en Electron.js

Ahora vamos a crear una aplicación típica de hola mundo con Electron y la ejecutaremos para mostrarla en una ventana de una aplicación.

En su espacio de trabajo, vamos a crear una carpeta para el proyecto que vamos a llevar a cabo:

$ mkdir <project-name>

Por ejemplo:

$ mkdir chat-app
$ cd chat-app

En este punto, puedes arrastrar la carpeta anterior a tu VSC o editor de preferencia para empezar a trabajar sobre este proyecto, un proyecto que de momento esta completamente vacio; ahora, necesitamos inicializar nuestro nuevo proyecto con la herramienta NPM usando el siguiente comando:

$ npm init

El comando anterior inicializa un proyecto en Node y nos generará el archivo de package.json; el cual contiene metadatos del proyecto, así como comandos, número de versión, dependencias, entre otros:

package.json

{
  "name": "electron-chat2",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
  },
  "author": "",
  "license": "ISC",
}

Ya con esto, podemos instalar nuestro Electron.js con el siguiente comando:

$ npm i -D electron@latest

Con el comando anterior, instalamos la última versión del popular framework ya listo para desarrollar aplicaciones; recuerda que el material anterior forma parte sobre mi curso completo sobre Electron.js

El siguiente paso es, crear tu aplicación en Electron.

Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter

Andrés Cruz En Udemy