Building an Electron application with Angular

This section assumes that you already have experience with the Angular framework. To find out more, please refer to the Angular Quickstart section at https://angular.io/guide/quickstart.

To get the application up and running fast, we are going to use the Angular CLI. The Angular CLI is a project that's maintained by the Angular team. It's described in the official documentation (https://angular.io/cli#cli-overview-and-command-reference) as follows:

You can install the latest version of the Angular CLI through the NPM package manager. Typically, developers install it as a global tool so that they can generate a new project in any folder using the command-line tool or Terminal application.

To find out more about the Angular CLI, and globally get a list of all supported commands with a detailed explanation of what they do, please go to https://angular.io/cli.

Run the following command to install the CLI:

npm i -g @angular/cli@latest

The output should look similar to the following:

/usr/local/bin/ng -> /usr/local/lib/node_modules/@angular/cli/bin/ng
+ @angular/cli@7.3.8

The NPM package manager downloads and installs the Angular CLI and all its dependencies. Upon completion, it also registers a new global ng command that you can use anywhere.

Now, let's create our Angular project scaffold, which we will use with the Electron shell.