Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

How to create a simple electron app with the electron framework?


Asked by Vada Lu on Dec 02, 2021 Electron



In this guide I will explain how to create a simple Electron app with the Electron framework and Typescript. You need to create a new directory, called whatever you like, or e.g. electron-typescript-guide, and initialize it with npm init. Afterwards we need to install Electron and Typescript:
Thereof,
With the Electron framework we're able to create native Desktop applications with web technologies. Electron provides a Chromium-Browser with a full Node.js integration, which loads our web app. We can use Electron not only to create new Desktop applications. With it we can provide native apps for already existing web applications, too.
Likewise, I am just a passionate tech loving guy. Simplest definition: Electron is a framework that allows creating a desktop application for all the platforms (Windows, Mac, and Linux). Some of the examples of desktop applications that are built on Electron are Atom, Visual Studio Code, Github Desktop.
And,
Thus, a single development team can develop an application for targeted platforms. Another major advantage is that if you can build a website, you can build a desktop app with Electron.js, thus, existing web developers/web development teams can easily translate into developers of desktop software.
Also Know,
Fast and simple. If you’re happy with what Electron offers, let’s dive deeper and create a simple Electron app. Before we get our hands dirty, you will need to install Node.js. You also should have a GitHub account to store and update your app.