Learn how to build native desktop apps for Windows, macOS, or Linux using Angular 4+ and Electron.
Your free preview as expired – please upgrade to PRO
In this lesson, you will learn how to build native desktop apps with Angular and Electron. You might be surprised how easy it is to start building high-quality desktop apps for any platform, or even port your existing Angular app to native desktop platforms.
This lesson covers the following topics:
You can obtain the source code for this project on Github.
Let’s kick things off by building a new angular app from scratch.
The generated root page in Angular points the base href to – this will cause problems with Electron later on, so let’s update it now. Just add a period in front of the slash in .
You can install Electron in the Angular development environment.
The next step is to configure Electron. There are all sorts of possibilities for customization and we’re just scratching the surface.
Create a new file named in the root of your project – this is the Electron NodeJS backend. This is the entry point for Electron and defines how our desktop app will react to various events performed via the desktop operating system.
The function defines the properties of the program window that the user will see….