Create native, cross-platform desktop apps with easeĪs far as the structure is concerned, Electron generally consists of three components: package.json (metadata, contains the app name and version), main.js (the main process, which creates windows and handles system-related events), and index.html (GUI, the webpage to display. Besides Windows, compatibility extends to MacOS and Linux. Actually, the developers behind Electron are behind Atom too. Some well-known projects created with Electron are Atom, Nylas N1, GitKraken, GitHub Desktop, and Visual Studio Code, the latter being Microsoft's very own source code editor. It takes advantage of the frontend and backend modules that were originally made for web apps, namely the Node.js runtime and Chromium web browser.

Now that we have set up Electron, let us move on to creating our first app using it.Previously known as Atom Shell, Electron is a free and open-source GUI framework that gives developers the possibility to build cross-platforms applications using HTML, CSS and JavaScript code. Once it executes, you can check if Electron is installed the right way by running the following command − Now run the following command to install Electron globally. Just keep pressing Enter, and enter your name at the “author name” field.Ĭreate a new folder and open it using the cd command. It will ask you for the following information − Now to create the package.json file using npm, use the following command. Let us set up our development project.įire up your terminal/cmd, create a new folder named hello-world and open that folder using the cd command. npm makes it easy for us to set up this file. Whenever we create a project using npm, we need to provide a package.json file, which has all the details about our project.

The above command will generate the following output − Confirm that node and npm are installed by running the following commands in your terminal. If you do not already have these, head over to Node setup to install node on your local system. To get started with developing using the Electron, you need to have Node and npm(node package manager) installed.

Free Electron 25.3.0 for iphone instal