If you want to dig deeper in the debugging area, the following guides provide more information:Įlectron applications are set up using npm packages. You can implement basic window conventions by listening for events emitted by the app and BrowserWindow modules. Rather than enforce these conventions by default, Electron gives you the choice to implement them in your app code if you wish to follow them.

Managing your app's window lifecycle Īpplication windows behave differently on each operating system. Renderer processes have access to the same JavaScript APIs and tooling you use for typical front-end web development, such as using webpack to bundle and minify your code or React to build your user interfaces. See electron/electron#21972 for details.Īt this point, running your Electron application's start command should successfully open a window that displays your web page!Įach web page your app displays in a window will run in a separate process called a renderer process (or simply renderer for short). However, Electron exposes app.whenReady() as a helper specifically for the ready event to avoid subtle pitfalls with directly listening to that event in particular.

Npm create electron app