Electron Projects

Integrating the Angular project with Electron

Now that you have an Angular project scaffold, let's integrate it with the Electron shell:

1. Open the project in Visual Studio Code. You can do that from the Terminal using the following command:

      code .

First, though it's not mandatory, let's change the application's title.

2. Open the src/index.html file and change the content of the title tag to Angular with Electron, or any title of your choice:

      <title>Angular with Electron</title>

3. Now, we need to update the base application path to ./:

      <base href="./" />

This makes all resources relative to the index.html file. This is what we need when we're running an Angular application from within the Electron shell.

4. This results in the following ...