
Lists the packages that your project depends on.The package.json file is an essential part of a Node.js application, it performs the following: Next, you’ll initiate your project by creating the package.json file. To start the Electron installation process, create the project folder called hello-world and navigate to the folder with the following commands: Step 1 - Creating the Projectįirst you’ll install Electron to your machine and create the project folder to build the desktop application. Note: This tutorial was tested on macOS 10.15.3.
ELECTRON API TUTORIAL HOW TO
Follow the How to Install Node.js and Create a Local Development Environment on macOS tutorial. Node.js installed on your machine and a local development environment on macOS.To complete this tutorial, you will need: After following all of these steps, you will have an Electron cross-platform desktop application on macOS. You’ll implement graceful window setup and create new windows for the application. After that you’ll create your first “Hello World!” application using Electron and customize it. In this tutorial, you’ll first set up a project and install Electron. Further, Electron is an open source project maintained by GitHub with an active community of contributors. Many popular desktop applications have been built using Electron, such as Visual Studio Code, WhatsApp, Twitch, Slack, and Figma.Įlectron facilitates designing more complex application features like automatic updates or native menus, which means that developers can focus on the core design of their application. It combines support for building and running applications cross platform on Mac, Windows, and Linux. IntroductionĮlectron is an open source framework for creating native applications with web technologies like JavaScript, HTML, and CSS.

The author selected the Apache Software Foundation to receive a donation as part of the Write for DOnations program.
