I’ve also created a video to accompany this tutorial that walks through the different sections of this blog post. Thus, you can write a single web application, with a single code base and use that application with Electron to turn a web application into cross platform desktop applications. Electron is packaged with your application, meaning, there will be consistency across operating systems in the same way a chrome browser is consistent across operating systems.

Electron also has to natively interact with a computer’s operating system. If you are unfamiliar with what Electron is, it essentially is a chrome browser dedicated to running a single application. This Electron tutorial will focus mainly on Electron and how to get started developing an Electron application with Angular. If you are new to Angular, I have written a blog series on getting started with Angular. A technology stack using Angular and Electron allows developers to build cross platform desktop applications for Windows, Mac and Linux using web technologies. In this Electron tutorial I will walk through the steps you can take to turn an Angular application into a native desktop application using Electron.

Electron windows installer