Then, this is the HTML file that we created. This is the browser window we created, and this is created in the main process. We'll run our start scripts with npm run start, and here it is, it's working. Let's test it out and make sure it works. Create our index.html, and we'll just add some quick dummy HTML here. Then, we'll pass index.html which will be our file name.

This is passed to every node.js module automatically. Then, we'll pass the dirname variable which is a string that represents our current working directory. We'll pass the file protocol, because it's a local HTML file. I'll call mainWindow.loadURL, and we'll use path.join to construct an absolute file path to our file.

Let's tell our browser window just to load an HTML file. We can't create our browser window instance before this event has been called. In here, we'll create our browser window. The app module in Electron exposes various application lifecycle events, we'll define an onReady handler for our application. If it does go out of scope, we risk having our browser window garbage collected and destroyed. We define it up here at the top level, so that it never goes out of scope in a function closure. We'll also create a reference to our main window up here.

Let's require apps and browser window from Electron, plus, we'll require tasks from node.js core. We execute our application with Electron and we'll pass index.js which would be the entry point for our application. Open package.json in the scripts field, here, we'll add start. Now, let's add an npm start script for launching our app. Let's run npm install electron -save-dev. We'll run npm init and pass the y flag to get all the defaults. To install Electron on our machine for development on our machine, first, let's create a package.json.

Npm create electron app